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

import Toggle from '.';

const meta: Meta<typeof Toggle> = {
  component: Toggle,
  title: 'Design System/Switches/Toggle',
  tags: ['autodocs'],
  argTypes: {
    disabled: { control: 'boolean' },
    checked: { control: 'boolean' },
    onChange: { control: false },
  },
  args: {
    disabled: false,
  },
};

export default meta;

type Story = StoryObj<typeof Toggle>;

export const Default: Story = {
  args: { disabled: false },
};

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

export const CheckedDisabled: Story = {
  args: { disabled: true, checked: true },
};

export const UncheckedDisabled: Story = {
  args: { disabled: true, checked: false },
};