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

interface CurrencySoldSelectProps<T extends string> {
  currencysold: any;
  setcurrencysold: (value: any) => void;
  clearError: (field: T) => void;
  handleFieldBlur: (field: T, validateField: (field: T) => string | undefined) => void;
  validateField: (field: T) => string | undefined;
  errors: Partial<Record<T, string>>;
}

const CurrencySoldSelect = <T extends string>({
  currencysold,
  setcurrencysold,
  clearError,
  handleFieldBlur,
  validateField,
  errors,
}: CurrencySoldSelectProps<T>) => {
  return (
    <BaseSelectField
      label="Currency Sold"
      apiUrl="/api/searchabledropdown/currencylist"
      value={currencysold}
      onChange={setcurrencysold}
      placeholder="Select currency..."
      clearError={clearError}
      handleFieldBlur={handleFieldBlur}
      validateField={validateField}
      errors={errors}
      fieldName={"currencySold" as T}
    />
  );
};

export default CurrencySoldSelect;
