16 lines
569 B
TypeScript
16 lines
569 B
TypeScript
import { cn } from '@/lib/utils';
|
|
|
|
type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
|
|
|
|
export function Input({ className, ...props }: InputProps) {
|
|
return (
|
|
<input
|
|
className={cn(
|
|
'w-full rounded-lg border border-[color:var(--line-weak)] bg-[color:var(--panel-soft)] px-3 py-2 text-sm text-[color:var(--terminal-bright)] outline-none transition placeholder:text-[color:var(--terminal-muted)] focus:border-[color:var(--line-strong)] focus:shadow-[0_0_0_3px_rgba(0,255,180,0.14)]',
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|