import { jsx as _jsx } from "react/jsx-runtime";
import { Sidebar } from './sidebar';
const meta = {
    title: 'Layout/Sidebar',
    component: Sidebar,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
};
export default meta;
const defaultItems = [
    { label: 'Dashboard', href: '/dashboard' },
    { label: 'Features', href: '/features' },
    { label: 'Settings', href: '/settings' },
];
export const Default = {
    args: {
        items: defaultItems,
        pathname: '/',
    },
};
export const WithActiveItem = {
    args: {
        items: defaultItems,
        pathname: '/features',
    },
};
export const WithIcons = {
    args: {
        items: [
            { label: 'Dashboard', href: '/dashboard', icon: _jsx("span", { children: "\uD83D\uDCCA" }) },
            { label: 'Features', href: '/features', icon: _jsx("span", { children: "\uD83D\uDD27" }) },
            { label: 'Settings', href: '/settings', icon: _jsx("span", { children: "\u2699\uFE0F" }) },
        ],
        pathname: '/dashboard',
    },
};
export const Empty = {
    args: {
        items: [],
        pathname: '/',
    },
};
