{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "accordion-reduce-motion-demo",
  "type": "registry:example",
  "registryDependencies": [
    "accordion"
  ],
  "files": [
    {
      "path": "src/registry/pure-ui/examples/accordion/accordion-reduce-motion-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 AccordionReduceMotionDemo() {\r\n  return (\r\n    <Accordion className=\"w-full max-w-xl\" reduceMotion>\r\n      <AccordionItem value=\"item-1\">\r\n        <AccordionTrigger>What is Base UI?</AccordionTrigger>\r\n        <AccordionPanel className=\"flex flex-col gap-4 text-balance\">\r\n          <p className=\"text-[15px] text-muted-foreground\">\r\n            Base UI is a library of high-quality unstyled React components for\r\n            design systems and web apps.\r\n          </p>\r\n        </AccordionPanel>\r\n      </AccordionItem>\r\n      <AccordionItem value=\"item-2\">\r\n        <AccordionTrigger>How do I get started?</AccordionTrigger>\r\n        <AccordionPanel className=\"flex flex-col gap-4 text-balance\">\r\n          <p className=\"text-[15px] text-muted-foreground\">\r\n            Head to the “Quick start” guide in the docs. If you’ve used unstyled\r\n            libraries before, you’ll feel at home.\r\n          </p>\r\n        </AccordionPanel>\r\n      </AccordionItem>\r\n      <AccordionItem value=\"item-3\">\r\n        <AccordionTrigger>Can I use it for my project?</AccordionTrigger>\r\n        <AccordionPanel className=\"flex flex-col gap-4 text-balance\">\r\n          <p className=\"text-[15px] text-muted-foreground\">\r\n            Of course! Base UI is free and open source.\r\n          </p>\r\n        </AccordionPanel>\r\n      </AccordionItem>\r\n    </Accordion>\r\n  );\r\n}\r\n",
      "type": "registry:example"
    }
  ]
}