Input

import { Input } from '@/components/Input';

// Default with label
<Input label="Email" placeholder="you@example.com" />

// With helper text
<Input
  label="Username"
  placeholder="your-username"
  helperText="Must be 3–20 characters."
/>

// Error state
<Input
  variant="error"
  label="Email"
  placeholder="you@example.com"
  helperText="Invalid email address."
/>

// Success state
<Input
  variant="success"
  label="Email"
  placeholder="you@example.com"
  helperText="Looks good!"
/>

// Sizes
<Input inputSize="sm" placeholder="Small" />
<Input inputSize="md" placeholder="Medium" />
<Input inputSize="lg" placeholder="Large" />

// Full width
<Input label="Full width" placeholder="Stretches to container" fullWidth />

// Disabled
<Input label="Read only" placeholder="Not editable" disabled />