import { jsx as _jsx } from "react/jsx-runtime";
import { SidebarProvider, SidebarMenu, SidebarMenuItem } from '../../ui/sidebar.js';
import { SidebarCollapseToggle } from './sidebar-collapse-toggle.js';
const meta = {
    title: 'Composed/SidebarCollapseToggle',
    component: SidebarCollapseToggle,
    parameters: {
        layout: 'padded',
    },
    tags: ['autodocs'],
    decorators: [
        (Story) => (_jsx(SidebarProvider, { children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsx(Story, {}) }) }) })),
    ],
};
export default meta;
/** Expanded state — clicking plays "collapse" sound. */
export const Expanded = {};
/** Collapsed state — clicking plays "expand" sound. */
export const Collapsed = {
    decorators: [
        (Story) => (_jsx(SidebarProvider, { defaultOpen: false, children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsx(Story, {}) }) }) })),
    ],
};
