import React from "react";
import { BaseFormField, BaseFormFieldProps } from "./BaseFormField";

interface DepositAmountInputProps<T extends string = string> extends BaseFormFieldProps<T> {
  amount: number | string;
  setamount: (value: string) => void;
}

const DepositAmountInput = <T extends string = string>({
  amount,
  setamount,
  clearError,
  handleFieldBlur,
  validateField,
  errors,
}: DepositAmountInputProps<T>) => {
  return (
    <BaseFormField
      fieldName={"depositAmount" as T}
      value={amount}
      setValue={setamount}
      label="Deposit Amount"
      placeholder="Enter deposit amount"
      type="number"
      enableHoverEffects={false}
      clearError={clearError}
      errors={errors}
      handleFieldBlur={handleFieldBlur}
      validateField={validateField}
    />
  );
};

export default DepositAmountInput;