{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faq-07",
  "title": "FAQ 07",
  "description": "A simple FAQ component",
  "dependencies": [
    "lucide-react",
    "radix-ui"
  ],
  "registryDependencies": [
    "accordion"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/faq-07/components/faq.tsx",
      "content": "import { PlusIcon } from \"lucide-react\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n} from \"@/registry/bases/radix/ui/accordion\";\n\nconst faq = [\n  {\n    question: \"What is your return policy?\",\n    answer:\n      \"You can return unused items in their original packaging within 30 days for a refund or exchange. Contact support for assistance.\",\n  },\n  {\n    question: \"How do I track my order?\",\n    answer:\n      \"Track your order using the link provided in your confirmation email, or log into your account to view tracking details.\",\n  },\n  {\n    question: \"Do you ship internationally?\",\n    answer:\n      \"Yes, we ship worldwide. Shipping fees and delivery times vary by location, and customs duties may apply for some countries.\",\n  },\n  {\n    question: \"What payment methods do you accept?\",\n    answer:\n      \"We accept Visa, MasterCard, American Express, PayPal, Apple Pay, and Google Pay, ensuring secure payment options for all customers.\",\n  },\n  {\n    question: \"What if I receive a damaged item?\",\n    answer:\n      \"Please contact our support team within 48 hours of delivery with photos of the damaged item. We’ll arrange a replacement or refund.\",\n  },\n];\n\nconst FAQ = () => {\n  return (\n    <div className=\"px-6 py-20\">\n      <div className=\"mx-auto w-full max-w-2xl\">\n        <h2 className=\"font-medium text-4xl/snug tracking-[-0.04em]\">\n          Frequently Asked Questions\n        </h2>\n        <p className=\"mt-2 text-muted-foreground text-xl\">\n          Quick answers to common questions about our products and services.\n        </p>\n\n        <Accordion\n          className=\"mt-8 space-y-4 sm:mt-10\"\n          collapsible\n          defaultValue=\"question-0\"\n          type=\"single\"\n        >\n          {faq.map(({ question, answer }, index) => (\n            <AccordionItem\n              className=\"rounded-xl border-none bg-muted px-4\"\n              key={question}\n              value={`question-${index}`}\n            >\n              <AccordionPrimitive.Header className=\"flex items-center\">\n                <AccordionPrimitive.Trigger\n                  className={cn(\n                    \"flex flex-1 items-center justify-between py-4 font-medium tracking-tight transition-all hover:underline aria-expanded:pb-3 [&[aria-expanded=true]>svg]:rotate-45\",\n                    \"text-start text-lg\"\n                  )}\n                >\n                  {question}\n                  <PlusIcon className=\"h-5 w-5 shrink-0 text-muted-foreground transition-transform duration-200\" />\n                </AccordionPrimitive.Trigger>\n              </AccordionPrimitive.Header>\n              <AccordionContent className=\"text-base text-muted-foreground\">\n                {answer}\n              </AccordionContent>\n            </AccordionItem>\n          ))}\n        </Accordion>\n      </div>\n    </div>\n  );\n};\n\nexport default FAQ;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}