{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "admonition-collapsible-demo",
  "registryDependencies": [
    "@delta/admonition"
  ],
  "files": [
    {
      "path": "examples/admonition-collapsible-demo.tsx",
      "content": "import { Admonition } from \"@/components/ui/admonition\"\n\nexport default function AdmonitionCollapsibleDemo() {\n  return (\n    <Admonition\n      type=\"danger\"\n      title=\"Error Stack Trace\"\n      expandable\n      defaultCollapsed={true}\n    >\n      Error: Hydration failed because the initial UI does not match the expected\n      DOM structure. This usually occurs when there are mismatches between\n      server-rendered HTML and client-side React rendering. Check for\n      differences in component state, props, or conditional rendering logic.\n      Possible causes include asynchronous data fetching, usage of `useEffect`\n      for initial rendering, or differences in environment variables between\n      server and client. To resolve this issue, ensure that components render\n      identically on both server and client, and avoid side effects during\n      initial render. Consider adding proper loading states or fallbacks to\n      prevent UI mismatches.\n    </Admonition>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}