{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faq-1",
  "dependencies": [
    "lucide-react",
    "react-icons"
  ],
  "registryDependencies": [
    "accordion",
    "button",
    "utils"
  ],
  "files": [
    {
      "path": "src/components/watermelon-ui/faq-1.tsx",
      "content": "import React from \"react\";\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\";\nimport { FaPlus, FaMinus } from \"react-icons/fa\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface FaqItem {\n  id: string;\n  question: string;\n  answer: string;\n  date?: string;\n}\n\nexport interface Faq1Props {\n  badge?: string;\n  title: React.ReactNode;\n  faqs: FaqItem[];\n  footerText?: string;\n  footerLinkText?: string;\n  footerLinkHref?: string;\n  className?: string;\n}\n\nexport function Faq1({\n  badge,\n  title,\n  faqs,\n\n  className,\n}: Faq1Props) {\n  return (\n    <section className={cn(\"mx-auto w-full max-w-4xl px-4 py-16\", className)}>\n      <div className=\"mb-12 flex flex-col items-center text-center\">\n        {badge && (\n          <span className=\"bg-muted text-foreground mb-6 inline-flex items-center rounded-full px-3 py-1 text-sm font-medium\">\n            {badge}\n          </span>\n        )}\n        <h2 className=\"text-foreground max-w-2xl text-3xl leading-tight font-semibold tracking-tight md:text-5xl md:leading-tight\">\n          {title}\n        </h2>\n      </div>\n\n      <Accordion type=\"single\" collapsible className=\"w-full gap-2\">\n        {faqs.map((faq) => (\n          <AccordionItem\n            key={faq.id}\n            value={faq.id}\n            className=\"bg-muted/50 rounded-none border border-dashed border-none px-6\"\n          >\n            <AccordionTrigger className=\"group flex items-center py-6 hover:no-underline [&_[data-slot=accordion-trigger-icon]]:!hidden\">\n              <span className=\"text-foreground pr-4 text-left text-base font-medium md:text-lg\">\n                {faq.question}\n              </span>\n              <div className=\"text-muted-foreground ml-auto flex shrink-0 items-center justify-center\">\n                <FaPlus className=\"block h-4 w-4 group-data-[state=open]:hidden\" />\n                <FaMinus className=\"hidden h-4 w-4 group-data-[state=open]:block\" />\n              </div>\n            </AccordionTrigger>\n            <AccordionContent className=\"pt-0 pb-6\">\n              <p className=\"text-muted-foreground text-sm leading-relaxed md:text-base\">\n                {faq.answer}\n              </p>\n              {faq.date && (\n                <div className=\"text-muted-foreground/70 mt-4 text-sm font-medium\">\n                  {faq.date}\n                </div>\n              )}\n            </AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </section>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ui/faq-1.tsx"
    }
  ],
  "type": "registry:ui"
}