import type { Meta, StoryObj } from '@storybook/react'

import { DrawerItem } from './DrawerItem'
import { IconChecked } from '@/utils/icons'

const meta = {
    title: 'composition/DrawerItem',
    component: DrawerItem,
    tags: ['autodocs'],
    args: {
        icon: <IconChecked />,
        children: 'label text (soooooooooo looooooooooooong)',
        badge: '99+',
    },
} satisfies Meta<typeof DrawerItem>

export default meta

type Story = StoryObj<typeof meta>

export const Default: Story = {
    args: {
        enabled: false,
    },
}

export const Enabled: Story = {
    args: {
        enabled: true,
    },
}