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

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

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

export default LeverageAmountInput;