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

import { EmailField } from './EmailField';

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

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

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

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

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

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

export const Loading: Story = {
  args: {
    label: 'Email:',
    loading: true,
  },
};

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