import React from "react";
import { BaseTextWithSelectField } from "./BaseTextWithSelectField";

interface KnockAmountWithSelectProps {
  knockamount: any;
  setknockamount: (value: any) => void;
  knockList: any;
  setKnockList: (value: any) => void;
}

const KnockAmountWithSelect: React.FC<KnockAmountWithSelectProps> = ({
  knockamount,
  setknockamount,
  knockList,
  setKnockList,
}) => {
  return (
    <BaseTextWithSelectField
      textLabel="Knock Amount"
      textValue={knockamount}
      setTextValue={setknockamount}
      textPlaceholder="Enter knock amount"
      selectApiUrl="/api/searchabledropdown/knocklist"
      selectValue={knockList}
      setSelectValue={setKnockList}
      selectPlaceholder="Select knock type..."
      enableHoverEffects={true}
    />
  );
};

export default KnockAmountWithSelect;