import cx from '@src/cx.mjs';

export function Textbox({ onChange, className, ...inputProps }) {

  return (

    <input

      className={cx(

        'p-2 bg-background rounded-md  border-foreground text-foreground placeholder-foreground',

        className,

      )}

      onChange={(e) => onChange(e.target.value)}

      {...inputProps}

    />

  );

}