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

const meta: Meta<typeof Toggle> = {
  title: 'Blocks/Toggle',
  component: Toggle,
  args: {
    checked: false,
    disabled: false,
    size: undefined,
  },
  argTypes: {
    checked: { control: 'boolean' },
    disabled: {
      control: 'boolean',
      table: {
        defaultValue: { summary: 'false' },
      },
    },
    size: {
      control: 'select',
      options: ['default', 'sm'],
      table: {
        type: { summary: "'default' | 'sm'" },
        defaultValue: { summary: 'default' },
      },
    },
  },
}

export default meta
type Story = StoryObj<typeof meta>

export const On: Story = {
  args: {
    checked: true,
  },
}

export const Off: Story = {}

export const Disabled: Story = {
  args: {
    disabled: true,
  },
}

export const Small: Story = {
  args: {
    size: 'sm',
  },
}

export const SmallOn: Story = {
  args: {
    size: 'sm',
    checked: true,
  },
}