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

import { CheckboxField } from './CheckboxField';

const meta: Meta<typeof CheckboxField> = {
  title: 'UI kit/Form/CheckboxField',
  component: CheckboxField,
  tags: ['autodocs'],
};

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

export const Default: Story = {
  args: {
    label: 'Checkbox',
  },
};

export const Error: Story = {
  args: {
    error: 'Error message',
    labelAfter: 'Checkbox',
  },
};

export const Justify: Story = {
  args: {
    label: 'Checkbox',
    justify: true,
  },
};

export const Disabled: Story = {
  args: {
    label: 'Checkbox',
    disabled: true,
    checked: true,
  },
};

export const Indeterminate: Story = {
  args: {
    label: 'Checkbox',
    indeterminate: true,
  },
};

export const IndeterminateDisabled: Story = {
  args: {
    label: 'Checkbox',
    indeterminate: true,
    disabled: true,
  },
};

export const IndeterminateInvalid: Story = {
  args: {
    label: 'Checkbox',
    indeterminate: true,
    error: true,
  },
};

export const LabelAfter: Story = {
  args: {
    label: 'Checkbox',
    labelAfter: 'I agree to the terms and conditions',
  },
};

export const Required: Story = {
  args: {
    label: 'Checkbox',
    required: true,
  },
};

export const Tooltip: Story = {
  args: {
    label: 'Checkbox',
    tooltip: 'This is a tooltip for the checkbox field.',
  },
};