import type { Meta, StoryObj } from '@storybook/react';
import { Input } from './Input.js';

const meta: Meta<typeof Input> = {
  title: 'Components/Input',
  component: Input,
};

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

export const Default: Story = { args: { placeholder: 'Enter text...' } };
export const WithLabel: Story = { args: { label: 'Email', placeholder: 'you@example.com' } };
export const WithError: Story = {
  args: { label: 'Email', value: 'bad', error: 'Invalid email address' },
};
export const WithHint: Story = {
  args: { label: 'Username', placeholder: 'johndoe', hint: '3-20 characters, no spaces' },
};
export const Disabled: Story = { args: { label: 'Read Only', value: 'locked', disabled: true } };