19 lines
586 B
TypeScript
19 lines
586 B
TypeScript
import { type ComponentProps } from 'react'
|
|
import { cn } from '@/lib'
|
|
|
|
export function Input({ type = 'text', className, ...props }: ComponentProps<'input'>) {
|
|
return (
|
|
<input
|
|
type={type}
|
|
className={cn(
|
|
'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm',
|
|
'placeholder:text-muted-foreground',
|
|
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
|
|
'disabled:cursor-not-allowed disabled:opacity-50',
|
|
className,
|
|
)}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|