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

import { PasswordField } from './PasswordField';

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

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

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

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

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

export const Error: Story = {
  args: {
    label: 'Password:',
    error: 'Min 8 characters',
  },
};

export const Hint: Story = {
  args: {
    label: 'Password:',
    hint: 'Min 8 characters',
  },
};

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

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

export const StrengthIndicator: Story = {
  args: {
    label: 'Password:',
    strengthIndicator: true,
    tooltip: 'Password must be at least 8 characters long',
  },
};