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

import { Toggle } from './Toggle';

const meta: Meta = {
  title: 'UI kit/Toggle',
  component: Toggle,
  tags: ['autodocs'],
  argTypes: { value: { control: 'boolean' }, disabled: { control: 'boolean' } },
};

export default meta;
type Story = StoryObj<typeof Toggle>;

export const EnabledState: Story = {
  args: {
    value: true,
    title: 'Enabled',
    onClick: () => {
      alert('Toggle clicked');
    },
  },
};

export const DisabledState: Story = {
  args: {
    value: false,
  },
};

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

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