{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-components-radix-accordion",
  "title": "Accordion Demo",
  "description": "Demo showing a accordion.",
  "registryDependencies": [
    "@animate-ui/components-radix-accordion"
  ],
  "files": [
    {
      "path": "registry/demo/components/radix/accordion/index.tsx",
      "content": "import {\n  Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from '@/components/animate-ui/components/radix/accordion';\n\nconst ITEMS = [\n  {\n    title: 'What is Animate UI?',\n    content:\n      'Animate UI is an open-source distribution of React components built with TypeScript, Tailwind CSS, and Motion.',\n  },\n  {\n    title: 'How is it different from other libraries?',\n    content:\n      'Instead of installing via NPM, you copy and paste the components directly. This gives you full control to modify or customize them as needed.',\n  },\n  {\n    title: 'Is Animate UI free to use?',\n    content:\n      'Absolutely! Animate UI is fully open-source. You can use, modify, and adapt it to fit your needs.',\n  },\n];\n\ntype RadixAccordionDemoProps = {\n  multiple?: boolean;\n  collapsible?: boolean;\n  keepRendered?: boolean;\n  showArrow?: boolean;\n};\n\nexport const RadixAccordionDemo = ({\n  multiple = false,\n  collapsible = true,\n  keepRendered = false,\n  showArrow = true,\n}: RadixAccordionDemoProps) => {\n  return (\n    <Accordion\n      type={multiple ? 'multiple' : 'single'}\n      collapsible={collapsible}\n      className=\"max-w-[400px] w-full\"\n    >\n      {ITEMS.map((item, index) => (\n        <AccordionItem key={index} value={`item-${index + 1}`}>\n          <AccordionTrigger showArrow={showArrow}>\n            {item.title}\n          </AccordionTrigger>\n          <AccordionContent keepRendered={keepRendered}>\n            {item.content}\n          </AccordionContent>\n        </AccordionItem>\n      ))}\n    </Accordion>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/animate-ui/demo/components/radix/accordion.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "Accordion": {
        "multiple": {
          "value": false
        },
        "collapsible": {
          "value": true
        }
      },
      "AccordionTrigger": {
        "showArrow": {
          "value": true
        }
      },
      "AccordionContent": {
        "keepRendered": {
          "value": false
        }
      }
    }
  },
  "type": "registry:ui"
}