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}
    />
  );
}