| import React from "react" | |
| import { cn } from "lib/utils" | |
| type InputProps = React.InputHTMLAttributes<HTMLInputElement> | |
| export function Input({ className, ...props }: InputProps) { | |
| return ( | |
| <input | |
| className={cn( | |
| "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500", | |
| className | |
| )} | |
| {...props} | |
| /> | |
| ) | |
| } |