pelagia-portal/App/components/ui/input.tsx
2026-05-18 23:18:58 +05:30

18 lines
596 B
TypeScript

import { cn } from "@/lib/utils";
export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
export function Input({ className, type, ...props }: InputProps) {
return (
<input
type={type}
className={cn(
"flex h-10 w-full rounded-lg border border-neutral-300 bg-white px-3 py-2 text-sm text-neutral-900 placeholder:text-neutral-400",
"focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-500/20",
"disabled:cursor-not-allowed disabled:opacity-60",
className
)}
{...props}
/>
);
}