アコーディオンAccordionExperimental

import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@gunjo/ui";

const sections = [
  {
    id: "billing",
    title: "請求設定",
    body: "支払い方法、請求書、更新日を確認できます。",
  },
  {
    id: "team",
    title: "チーム設定",
    body: "メンバー招待と権限を管理できます。",
  },
];

export function SettingsAccordion() {
  return (
    <Accordion type="single" collapsible className="w-full max-w-md">
      {sections.map((section) => (
        <AccordionItem key={section.id} value={section.id}>
          <AccordionTrigger>{section.title}</AccordionTrigger>
          <AccordionContent>{section.body}</AccordionContent>
        </AccordionItem>
      ))}
    </Accordion>
  );
}