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

interface TransactionCostsInputProps<T extends string> extends BaseFormFieldProps<T> {
  chargesandfees: number | string;
  setchargesandfees: (value: string) => void;
}

const TransactionCostsInput = <T extends string>({
  chargesandfees,
  setchargesandfees,
  clearError,
  handleFieldBlur,
  validateField,
  errors,
}: TransactionCostsInputProps<T>) => {
  return (
    <BaseFormField
      fieldName={"transactionCosts" as T}
      value={chargesandfees}
      setValue={setchargesandfees}
      label="Transaction Costs"
      placeholder="Enter transaction costs"
      type="number"
      enableHoverEffects={false}
      clearError={clearError}
      errors={errors}
      handleFieldBlur={handleFieldBlur}
      validateField={validateField}
    />
  );
};

export default TransactionCostsInput;