Accordion

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from '@/components/ui/accordion'

const faqs = [
  [
    'Can I change plans later?',
    'Yes. Upgrades apply immediately; downgrades apply at the next renewal.',
  ],
  ['Do you offer refunds?', 'Annual plans can be refunded within 30 days of purchase.'],
  [
    'Where is my data stored?',
    'In the EU (Frankfurt) or the US (Virginia), chosen when you create the workspace.',
  ],
]

export default function AccordionBasic() {
  return (
    <Accordion className="max-w-lg">
      {faqs.map(([q, a]) => (
        <AccordionItem key={q}>
          <AccordionTrigger>{q}</AccordionTrigger>
          <AccordionContent>{a}</AccordionContent>
        </AccordionItem>
      ))}
    </Accordion>
  )
}