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

import { CounterField } from './CounterField';

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

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

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

export const Disabled: Story = {
  args: {
    label: 'Quantity:',
    disabled: true,
    defaultValue: 3,
  },
};

export const Error: Story = {
  args: {
    label: 'Quantity:',
    error: 'Value must be at least 1',
  },
};

export const Warning: Story = {
  args: {
    label: 'Quantity:',
    warning: 'Value is approaching the maximum',
  },
};

export const Hint: Story = {
  args: {
    label: 'Quantity:',
    hint: 'Enter the number of items.',
  },
};

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

export const WithMinMax: Story = {
  args: {
    label: 'Quantity:',
    defaultValue: 1,
    min: 0,
    max: 10,
  },
};