Input

"use client";

import { Input } from "@dashboardpack/core/components/ui/input";
import { Label } from "@dashboardpack/core/components/ui/label";

export default function InputExample() {
  return (
    <div className="w-full max-w-sm space-y-5">
      <div className="space-y-2">
        <Label htmlFor="input-email">Email address</Label>
        <Input id="input-email" type="email" placeholder="you@company.com" />
      </div>
      <div className="space-y-2">
        <Label htmlFor="input-invalid">Workspace name</Label>
        <Input
          id="input-invalid"
          defaultValue="a"
          aria-invalid
          aria-describedby="input-error"
        />
        <p id="input-error" className="text-sm text-destructive">
          Use at least two characters.
        </p>
      </div>
      <div className="space-y-2">
        <Label htmlFor="input-disabled">Managed by your organization</Label>
        <Input id="input-disabled" disabled value="Apex Studio" />
      </div>
    </div>
  );
}