import FaqAccordion from "../../app/components/sections/Accordion";
import about from "../../messages/en/pages/about.json";

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: about.faq.title,
    items: about.faq.items,
  },
};