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

import { EmailInput } from './EmailInput';

const meta: Meta<typeof EmailInput> = {
  title: 'UI kit/Form/Inputs/EmailInput',
  component: EmailInput,
  tags: ['autodocs'],
  argTypes: {
    width: {
      control: { type: 'radio' },
      options: ['md', 'lg'],
    },
    label: {
      control: { type: 'text' },
    },
  },
};

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

export const Default: Story = {
  args: {
    label: 'Email address',
    name: 'email',
    placeholder: 'Enter your email',
    autoComplete: 'email',
  },
};

export const WithValue: Story = {
  args: {
    label: 'Email address',
    value: 'user@example.com',
    placeholder: 'Enter your email',
  },
};

export const Error: Story = {
  args: {
    label: 'Email address',
    placeholder: 'Enter your email',
    error: true,
  },
};

export const Warning: Story = {
  args: {
    label: 'Email address',
    placeholder: 'Enter your email',
    warning: true,
  },
};

export const Disabled: Story = {
  args: {
    label: 'Email address',
    placeholder: 'Enter your email',
    disabled: true,
  },
};

export const Required: Story = {
  args: {
    label: 'Email address',
    placeholder: 'Enter your email',
    required: true,
  },
};