import { Label } from "./label";

export default function LabelDemo() {
  return (
    <div className="flex items-center justify-center p-8">
      <div className="grid w-full max-w-sm gap-2">
        <Label htmlFor="email">Email address</Label>
        <input
          id="email"
          type="email"
          placeholder="you@example.com"
          className="rounded-base border-2 border-border bg-secondary-background px-3 py-2 text-sm font-base shadow-shadow"
        />
      </div>
    </div>
  );
}