import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion.js';
const meta = {
    title: 'Primitives/Accordion',
    component: Accordion,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
};
export default meta;
export const Single = {
    args: {
        type: 'single',
        collapsible: true,
        className: 'w-[400px]',
        children: (_jsxs(_Fragment, { children: [_jsxs(AccordionItem, { value: "item-1", children: [_jsx(AccordionTrigger, { children: "Is it accessible?" }), _jsx(AccordionContent, { children: "Yes. It adheres to the WAI-ARIA design pattern." })] }), _jsxs(AccordionItem, { value: "item-2", children: [_jsx(AccordionTrigger, { children: "Is it styled?" }), _jsx(AccordionContent, { children: "Yes. It comes with default styles that matches the other components' aesthetic." })] }), _jsxs(AccordionItem, { value: "item-3", children: [_jsx(AccordionTrigger, { children: "Is it animated?" }), _jsx(AccordionContent, { children: "Yes. It's animated by default, but you can disable it if you prefer." })] })] })),
    },
};
export const Multiple = {
    args: {
        type: 'multiple',
        className: 'w-[400px]',
        children: (_jsxs(_Fragment, { children: [_jsxs(AccordionItem, { value: "item-1", children: [_jsx(AccordionTrigger, { children: "Can I open multiple?" }), _jsx(AccordionContent, { children: "Yes! This accordion allows multiple items to be open at the same time." })] }), _jsxs(AccordionItem, { value: "item-2", children: [_jsx(AccordionTrigger, { children: "How does it work?" }), _jsx(AccordionContent, { children: "Just click on any trigger to toggle that section. Other sections will remain unchanged." })] }), _jsxs(AccordionItem, { value: "item-3", children: [_jsx(AccordionTrigger, { children: "What about keyboard?" }), _jsx(AccordionContent, { children: "Full keyboard support is included. Use Tab to navigate and Enter/Space to toggle." })] })] })),
    },
};
export const DefaultOpen = {
    args: {
        type: 'single',
        collapsible: true,
        defaultValue: 'item-2',
        className: 'w-[400px]',
        children: (_jsxs(_Fragment, { children: [_jsxs(AccordionItem, { value: "item-1", children: [_jsx(AccordionTrigger, { children: "First item" }), _jsx(AccordionContent, { children: "This is closed by default." })] }), _jsxs(AccordionItem, { value: "item-2", children: [_jsx(AccordionTrigger, { children: "Second item (default open)" }), _jsx(AccordionContent, { children: "This item is open by default when the page loads." })] }), _jsxs(AccordionItem, { value: "item-3", children: [_jsx(AccordionTrigger, { children: "Third item" }), _jsx(AccordionContent, { children: "This is also closed by default." })] })] })),
    },
};
