input

1import * as React from "react"
2import { cn } from "@/lib/utils"
3
4export type InputProps = React.InputHTMLAttributes<HTMLInputElement>
5
6const Input = React.forwardRef<HTMLInputElement, InputProps>(
7    ({ className, type = "text", ...props }, ref) => {
8        return (
9            <input
10                type={type}
11                className={cn(
12                    "flex h-10 w-full rounded-base border-2 border-black bg-white px-3 py-2 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-black/60 focus-brutal disabled:cursor-not-allowed disabled:opacity-50",
13                    className
14                )}
15                ref={ref}
16                {...props}
17            />
18        )
19    }
20)
21Input.displayName = "Input"
22
23export { Input }