19 lines
522 B
TypeScript
19 lines
522 B
TypeScript
|
import type { InputHTMLAttributes } from 'react';
|
||
|
|
import { cn } from '../utils/cn.ts';
|
||
|
|
|
||
|
|
type TextInputProps = InputHTMLAttributes<HTMLInputElement>;
|
||
|
|
|
||
|
|
export function TextInput({ className, ...props }: TextInputProps) {
|
||
|
|
return (
|
||
|
|
<input
|
||
|
|
className={cn(
|
||
|
|
'flex-1 rounded-md border border-wing-border bg-wing-card/75 px-2 py-1.5 text-[10px] text-wing-text outline-none',
|
||
|
|
'placeholder:text-wing-muted/90',
|
||
|
|
'focus:border-wing-accent',
|
||
|
|
className,
|
||
|
|
)}
|
||
|
|
{...props}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|