/ web / src / components / ui / input.tsx
input.tsx
 1  import { cn } from "@/lib/utils";
 2  
 3  export function Input({ className, ...props }: React.InputHTMLAttributes<HTMLInputElement>) {
 4    return (
 5      <input
 6        className={cn(
 7          "flex h-9 w-full border border-border bg-background/40 px-3 py-1 font-courier text-sm transition-colors",
 8          "placeholder:text-muted-foreground",
 9          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-foreground/30 focus-visible:border-foreground/25",
10          "disabled:cursor-not-allowed disabled:opacity-50",
11          className,
12        )}
13        {...props}
14      />
15    );
16  }