import FaqAccordion from "../../app/components/sections/Accordion";

export default {
  title: "Components/Sections/Accordion",
  component: FaqAccordion,
  parameters: {
    layout: "fullscreen",
    docs: {
      description: {
        component:
          "About-page FAQ wrapper over layout/Accordion. Rows: s below lg, m at lg, l at xl. Section inset: 4/32, 96/64 from md, 160/96 from lg.",
      },
    },
  },
  argTypes: {
    title: { control: { type: "text" } },
    size: {
      control: { type: "select" },
      options: ["s", "m", "l"],
    },
    lgSize: {
      control: { type: "select" },
      options: ["s", "m", "l"],
    },
    xlSize: {
      control: { type: "select" },
      options: ["s", "m", "l"],
    },
  },
};

export const Default = {
  args: {
    title: "Get answers to your questions",
    items: [
      {
        title: "What is CommunityRule, and who is it for?",
        answer:
          "CommunityRule helps groups write operating manuals that reflect their values and decision-making needs.",
      },
      {
        title: "Is CommunityRule free to use?",
        answer: "Yes. You can explore templates and draft rules without a subscription.",
      },
    ],
  },
};