{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-accordion-1",
  "description": "Basic accordion",
  "registryDependencies": [
    "@coss/accordion"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-accordion-1.tsx",
      "content": "import {\n  Accordion,\n  AccordionItem,\n  AccordionPanel,\n  AccordionTrigger,\n} from \"@/registry/default/ui/accordion\";\n\nexport default function Particle() {\n  const items = [\n    {\n      content:\n        \"Base UI is a library of high-quality unstyled React components for design systems and web apps.\",\n      id: \"1\",\n      title: \"What is Base UI?\",\n    },\n    {\n      content:\n        \"Head to the \\\"Quick start\\\" guide in the docs. If you've used unstyled libraries before, you'll feel at home.\",\n      id: \"2\",\n      title: \"How do I get started?\",\n    },\n    {\n      content: \"Of course! Base UI is free and open source.\",\n      id: \"3\",\n      title: \"Can I use it for my project?\",\n    },\n  ];\n\n  return (\n    <Accordion className=\"w-full\" defaultValue={[\"3\"]}>\n      {items.map((item) => (\n        <AccordionItem key={item.id} value={item.id}>\n          <AccordionTrigger>{item.title}</AccordionTrigger>\n          <AccordionPanel>{item.content}</AccordionPanel>\n        </AccordionItem>\n      ))}\n    </Accordion>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "meta": {
    "className": "**:data-[slot=preview]:w-full sm:**:data-[slot=preview]:max-w-[80%]"
  },
  "categories": [
    "accordion"
  ],
  "type": "registry:block"
}