import {Badge} from '../components/ui/badge'

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

const meta = {
  title: 'UI/Badge',
  component: Badge,
  parameters: {},
  tags: ['autodocs'],
  argTypes: {
    variant: {
      control: 'radio',
      options: ['default', 'secondary', 'destructive', 'outline'],
    },
  },
} satisfies Meta<typeof Badge>

export default meta
type Story = StoryObj<typeof meta>

export const Default: Story = {
  args: {
    children: 'Badge',
  },
}

export const Secondary: Story = {
  args: {
    variant: 'secondary',
    children: 'Badge',
  },
}

export const Destructive: Story = {
  args: {
    variant: 'destructive',
    children: 'Badge',
  },
}

export const Outline: Story = {
  args: {
    variant: 'outline',
    children: 'Badge',
  },
}
