{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "accordion-demo",
  "type": "registry:example",
  "registryDependencies": [
    "accordion"
  ],
  "files": [
    {
      "path": "src/registry/pure-ui/examples/accordion/accordion-demo.tsx",
      "content": "import {\r\n  Accordion,\r\n  AccordionPanel,\r\n  AccordionItem,\r\n  AccordionTrigger,\r\n} from \"@/registry/pure-ui/ui/accordion\";\r\n\r\nexport function AccordionDemo() {\r\n  return (\r\n    <Accordion className=\"w-full max-w-xl\">\r\n      <AccordionItem value=\"item-1\">\r\n        <AccordionTrigger>What is Next.js?</AccordionTrigger>\r\n        <AccordionPanel className=\"flex flex-col gap-4 text-balance\">\r\n          <p className=\"text-sm text-muted-foreground\">\r\n            Next.js is a React framework that makes building fast, SEO-friendly\r\n            web apps easy with server rendering and automatic routing.\r\n          </p>\r\n        </AccordionPanel>\r\n      </AccordionItem>\r\n      <AccordionItem value=\"item-2\">\r\n        <AccordionTrigger>Why Use the App Router?</AccordionTrigger>\r\n        <AccordionPanel className=\"flex flex-col gap-4 text-balance\">\r\n          <p className=\"text-sm text-muted-foreground\">\r\n            The App Router offers layouts, server components, and better\r\n            data-fetching, giving you cleaner structure and faster performance.\r\n          </p>\r\n        </AccordionPanel>\r\n      </AccordionItem>\r\n      <AccordionItem value=\"item-3\">\r\n        <AccordionTrigger>Data Fetching in Next.js</AccordionTrigger>\r\n        <AccordionPanel className=\"flex flex-col gap-4 text-balance\">\r\n          <p className=\"text-sm text-muted-foreground\">\r\n            Next.js supports static, dynamic, and server-side data fetching,\r\n            letting you choose the best method per component.\r\n          </p>\r\n        </AccordionPanel>\r\n      </AccordionItem>\r\n      <AccordionItem value=\"item-4\">\r\n        <AccordionTrigger>SEO Benefits of Static Generation</AccordionTrigger>\r\n        <AccordionPanel className=\"flex flex-col gap-4 text-balance\">\r\n          <p className=\"text-sm text-muted-foreground\">\r\n            Static generation ensures pages are pre-rendered with content,\r\n            improving SEO by providing fully-rendered HTML at build time.\r\n          </p>\r\n        </AccordionPanel>\r\n      </AccordionItem>\r\n      <AccordionItem value=\"item-5\">\r\n        <AccordionTrigger>File-Based Routing</AccordionTrigger>\r\n        <AccordionPanel className=\"flex flex-col gap-4 text-balance\">\r\n          <p className=\"text-sm text-muted-foreground\">\r\n            Pages and routes are created automatically from your folder\r\n            structure, including support for dynamic and nested routes.\r\n          </p>\r\n        </AccordionPanel>\r\n      </AccordionItem>\r\n    </Accordion>\r\n  );\r\n}\r\n",
      "type": "registry:example"
    }
  ]
}