{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "accordion-12",
  "title": "Disabled Item Accordion",
  "description": "An accordion with disabled items",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "accordion"
  ],
  "files": [
    {
      "path": "src/components/customized/accordion/accordion-12.tsx",
      "content": "import { RotateCcw, ShoppingCart, Truck } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/registry/ui/accordion\";\n\nconst items = [\n  {\n    title: \"Can I change or cancel my order after placing it?\",\n    content:\n      \"Yes, you can change or cancel your order within 1 hour of placement by visiting your account page or contacting our support team. After that, orders may already be processed for shipping.\",\n    icon: ShoppingCart,\n  },\n  {\n    title: \"How long does shipping usually take?\",\n    content:\n      \"Domestic shipping typically takes 3-5 business days, while international orders may take up to 2-3 weeks depending on your location and customs processing times.\",\n    icon: Truck,\n    disabled: true,\n  },\n  {\n    title: \"What is your return policy?\",\n    content:\n      \"We offer a 30-day return policy for most products. Items must be unused and in their original packaging. To initiate a return, simply contact our support with your order details.\",\n    icon: RotateCcw,\n  },\n];\n\nexport default function AccordionItemDisabledDemo() {\n  return (\n    <Accordion\n      className=\"my-4 w-full max-w-lg\"\n      collapsible\n      defaultValue=\"item-0\"\n      type=\"single\"\n    >\n      {items.map(({ title, content, icon: Icon, disabled }, index) => (\n        <AccordionItem key={index} value={`item-${index}`}>\n          <AccordionTrigger\n            className={cn({\n              \"opacity-50\": disabled,\n            })}\n            disabled={disabled}\n          >\n            <div className=\"flex items-start gap-3\">\n              <Icon />\n              {title}\n            </div>\n          </AccordionTrigger>\n          <AccordionContent className=\"pl-9\">{content}</AccordionContent>\n        </AccordionItem>\n      ))}\n    </Accordion>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}