| 1 |
import * as React from "react"; |
| 2 |
|
| 3 |
export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {} |
| 4 |
|
| 5 |
const Input = React.forwardRef<HTMLInputElement, InputProps>( |
| 6 |
({ className = "", type, ...props }, ref) => { |
| 7 |
return ( |
| 8 |
<input |
| 9 |
type={type} |
| 10 |
className={`flex h-12 w-full rounded-md border-2 border-gray-300 bg-white px-4 py-3 text-base font-normal text-gray-900 ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:ring-offset-gray-900 dark:placeholder:text-gray-500 dark:focus-visible:ring-blue-400 transition-colors ${className}`} |
| 11 |
ref={ref} |
| 12 |
{...props} |
| 13 |
/> |
| 14 |
); |
| 15 |
}, |
| 16 |
); |
| 17 |
Input.displayName = "Input"; |
| 18 |
|
| 19 |
export { Input }; |
| 20 |
|
