import { useTranslation } from "@buzzwaretech/i18n";
type TEstimateTextInputProps = {
  value?: string;
  handleEstimateInputValue: (value: string) => void;
};

export function EstimateTextInput(props: TEstimateTextInputProps) {
  const { value, handleEstimateInputValue } = props;

  // i18n
  const { t } = useTranslation();

  return (
    <input
      value={value}
      onChange={(e) => handleEstimateInputValue(e.target.value)}
      className="w-full border-none bg-transparent px-3 py-2 text-13 focus:border-0 focus:ring-0 focus:outline-none"
      placeholder={t("project_settings.estimates.create.enter_estimate_point")}
      autoFocus
      type="text"
    />
  );
}