import type { Meta, StoryObj } from "@storybook/react";
import { Accordion, Stack } from "@managemate/react";

const meta = {
  title: "Disclosure/Accordion",
  component: Accordion,
  tags: ["autodocs"],
} satisfies Meta<typeof Accordion>;

export default meta;
type Story = StoryObj<typeof meta>;

export const Default: Story = {
  render: () => (
    <Stack>
      <Accordion label="Combien coûte un abonnement Pro ?">
        19 €/utilisateur/mois engagement annuel. 21 €/mois sans engagement.
      </Accordion>
      <Accordion label="Puis-je migrer depuis mon outil actuel ?">
        Oui, depuis Sage, Cegid, ADP, Lucca ou via fichier CSV. Compter 7 jours.
      </Accordion>
      <Accordion label="Êtes-vous conformes RGPD ?" defaultOpen>
        Hébergement France, chiffrement AES-256, audit ANSSI annuel. Détails sur notre page sécurité.
      </Accordion>
    </Stack>
  ),
};