{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "faq-6",
  "dependencies": [
    "react-icons"
  ],
  "registryDependencies": [
    "accordion",
    "utils"
  ],
  "files": [
    {
      "path": "src/components/watermelon-ui/faq-06.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}\n\nexport interface Faq6Props {\n  badge?: string;\n  title: React.ReactNode;\n  faqs: FaqItem[];\n  className?: string;\n}\n\nexport function Faq6({\n  badge,\n  title,\n  faqs,\n  className,\n}: Faq6Props) {\n  return (\n    <section className={cn('mx-auto w-full max-w-6xl border-y border-dashed border-border md:border-x', className)}>\n      <div className=\"grid grid-cols-1 md:grid-cols-12 relative\">\n        <div className=\"md:col-span-4 lg:col-span-5 p-8 md:p-12 border-b border-dashed border-border md:border-b-0 md:border-r flex flex-col justify-start\">\n          {badge && (\n            <span className=\"text-muted-foreground mb-4 text-xs font-semibold uppercase tracking-widest\">\n              {badge}\n            </span>\n          )}\n          <h2 className=\"text-foreground text-3xl font-medium tracking-tight md:text-5xl lg:text-6xl\">\n            {title}\n          </h2>\n        </div>\n\n        <div className=\"md:col-span-8 lg:col-span-7 relative\">\n          <div className=\"absolute inset-y-0 left-1/2 w-px border-l border-dashed border-border pointer-events-none -z-10 hidden md:block\" />\n          <Accordion type=\"single\" collapsible className=\"w-full\">\n            {faqs.map((faq, index) => (\n              <AccordionItem\n                key={faq.id}\n                value={faq.id}\n                className=\"border-b border-dashed border-border px-6 md:px-8 last:border-b-0\"\n              >\n                <AccordionTrigger className=\"group flex items-center py-6 md:py-8 hover:no-underline [&_[data-slot=accordion-trigger-icon]]:!hidden\">\n                  <div className=\"flex flex-1 items-center gap-6\">\n                    <span className=\"text-muted-foreground text-xs font-semibold tracking-widest\">\n                      Q{index + 1}\n                    </span>\n                    <span className=\"text-foreground text-left text-base font-medium md:text-lg\">\n                      {faq.question}\n                    </span>\n                  </div>\n                  <div className=\"bg-muted text-muted-foreground ml-auto flex h-8 w-8 shrink-0 items-center justify-center rounded-md transition-colors group-hover:bg-muted/80\">\n                    <FaPlus className=\"block h-3 w-3 group-data-[state=open]:hidden\" />\n                    <FaMinus className=\"hidden h-3 w-3 group-data-[state=open]:block\" />\n                  </div>\n                </AccordionTrigger>\n                <AccordionContent className=\"pb-8 pl-[3.25rem] pr-12\">\n                  <p className=\"text-muted-foreground text-sm leading-relaxed md:text-base\">\n                    {faq.answer}\n                  </p>\n                </AccordionContent>\n              </AccordionItem>\n            ))}\n          </Accordion>\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ui/faq-06.tsx"
    }
  ],
  "type": "registry:ui"
}