import { jsx as _jsx } from "react/jsx-runtime";
import { Home, Brain, Settings, LayoutDashboard } from 'lucide-react';
import { SidebarProvider, SidebarMenu } from '../../ui/sidebar.js';
import { SidebarNavItem } from './sidebar-nav-item.js';
const meta = {
    title: 'Composed/SidebarNavItem',
    component: SidebarNavItem,
    parameters: {
        layout: 'padded',
    },
    tags: ['autodocs'],
    decorators: [
        (Story) => (_jsx(SidebarProvider, { children: _jsx(SidebarMenu, { children: _jsx(Story, {}) }) })),
    ],
};
export default meta;
/** Default — clicking plays "navigate" sound. */
export const Default = {
    args: {
        icon: Home,
        label: 'Control Center',
        href: '/',
    },
};
export const Active = {
    args: {
        icon: Home,
        label: 'Control Center',
        href: '/',
        active: true,
    },
};
export const WithBrainIcon = {
    args: {
        icon: Brain,
        label: 'Memory',
        href: '/memory',
    },
};
export const WithSettingsIcon = {
    args: {
        icon: Settings,
        label: 'Settings',
        href: '/settings',
    },
};
export const WithDashboardIcon = {
    args: {
        icon: LayoutDashboard,
        label: 'Dashboard',
        href: '/dashboard',
        active: true,
    },
};
