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

interface AmountBaseCurrencyProps<T extends string> extends BaseFormFieldProps<T> {
  amountbasecurrency: number | string;
  setamountbasecurrency: (value: string) => void;
}

const AmountBaseCurrency = <T extends string>({
  amountbasecurrency,
  setamountbasecurrency,
  clearError,
  handleFieldBlur,
  validateField,
  errors,
}: AmountBaseCurrencyProps<T>) => {
  return (
    <BaseFormField
      fieldName={"amountBase" as T}
      value={amountbasecurrency}
      setValue={setamountbasecurrency}
      label="Amount (Base Currency)"
      placeholder="Enter base currency amount"
      type="number"
      enableHoverEffects={false}
      clearError={clearError}
      errors={errors}
      handleFieldBlur={handleFieldBlur}
      validateField={validateField}
    />
  );
};

export default AmountBaseCurrency;