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

import { PasswordInput } from './PasswordInput';

const meta: Meta<typeof PasswordInput> = {
  title: 'UI kit/Form/Inputs/PasswordInput',
  component: PasswordInput,
  tags: ['autodocs'],
  parameters: {
    layout: 'centered',
  },
};

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

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

export const WithValue: Story = {
  args: {
    value: 'secretPassword123',
    placeholder: 'Enter password',
    label: 'Password',
  },
};

export const WithPlaceholder: Story = {
  args: {
    placeholder: 'Create a strong password',
    label: 'Password',
  },
};

export const Error: Story = {
  args: {
    value: '123',
    placeholder: 'Enter password',
    error: true,
    label: 'Password',
  },
};

export const Warning: Story = {
  args: {
    value: 'weakpass',
    placeholder: 'Enter password',
    warning: true,
    label: 'Password',
  },
};

export const Disabled: Story = {
  args: {
    value: 'disabledPassword',
    placeholder: 'Enter password',
    disabled: true,
    label: 'Password',
  },
};