<Input />

<Input placeholder="Enter your name" />

<Input type="text" placeholder="Username" />

<Input type="password" placeholder="Enter password" />

<Input 
  type="email" 
  placeholder="email@example.com" 
  autoComplete="email" 
/>

<Input 
  type="number" 
  placeholder="Amount" 
  min={0} 
  max={100} 
/>

<div className="space-y-2">
  <Label htmlFor="name">Name</Label>
  <Input id="name" placeholder="Enter your name" />
</div>

<Input disabled placeholder="Disabled input" />

<Input type="file" accept="image/*" />

<div className="space-y-2">
  <Label htmlFor="required">
    Required Field <span className="text-danger-text">*</span>
  </Label>
  <Input id="required" required />
</div>

<div className="space-y-2">
  <Label htmlFor="error">Username</Label>
  <Input 
    id="error" 
    className="border-danger-border" 
    placeholder="Invalid input"
    isInvalid
  />
  <p className="text-sm text-danger-text">
    This field is required
  </p>
</div>

<div className="relative">
  <SearchIcon className="absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted" />
  <Input 
    type="search" 
    placeholder="Search..." 
    className="pl-9"
  />
</div>