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

interface InterestRateInputProps<T extends string> extends BaseFormFieldProps<T> {
  intrestperanum: number | string;
  setintrestperanum: (value: string) => void;
}

const InterestRateInput = <T extends string>({
  intrestperanum,
  setintrestperanum,
  clearError,
  handleFieldBlur,
  validateField,
  errors,
}: InterestRateInputProps<T>) => {
  return (
    <BaseFormField
      fieldName={"interestRate" as T}
      value={intrestperanum}
      setValue={setintrestperanum}
      label="Interest Rate per Annum (%)"
      placeholder="Enter interest rate (e.g. 6.5)"
      type="number"
      enableHoverEffects={false}
      clearError={clearError}
      errors={errors}
      handleFieldBlur={handleFieldBlur}
      validateField={validateField}
    />
  );
};

export default InterestRateInput;