import { SidebarProps } from './components/Sidebar'

const ComponentsSidebar: SidebarProps = {
    header: 'Components',
    elements: [
        {
            label: 'Avatar',
            href: '/components/avatar'
        },
        {
            label: 'Badges & Pills',
            href: '/components/badges'
        },
        {
            label: 'Buttons',
            href: '/components/buttons',
        },
        {
            label: 'Checkbox',
            href: '/components/checkbox'
        },
        {
            label: 'Dialog',
            href: '/components/dialog'
        },
        {
            label: 'Divider',
            href: '/components/divider'
        },
        {
            label: 'Popover',
            href: '/components/popover'
        },
        {
            label: 'Portal',
            href: '/components/portal'
        },
        {
            label: 'Radio',
            href: '/components/radio',
        },
        {
            label: 'Select',
            href: '/components/select',
        },
        {
            label: 'Sheet',
            href: '/components/sheet',
        },
        {
            label: 'Surfaces',
            href: '/components/surfaces',
        },
        {
            label: 'Spinner',
            href: '/components/spinner'
        },
        {
            label: 'Textarea',
            href: '/components/textarea',
        },
        {
            label: 'Tooltip',
            href: '/components/tooltip',
        },
    ],
}

const FoundationSidebar: SidebarProps = {
    header: 'Foundations',
    elements: [
        {
            label: 'Color',
            href: '/foundations/color'
        },
        {
            label: 'Typography',
            href: '/foundations/typography'
        }
    ]
}

export {
    ComponentsSidebar,
    FoundationSidebar
}