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 }