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

interface SecurityTickerInputProps<T extends string> extends BaseFormFieldProps<T> {
  ticker: string;
  setticker: (value: string) => void;
}

const SecurityTickerInput = <T extends string>({
  ticker,
  setticker,
  clearError,
  errors,
  handleFieldBlur,
  validateField,
}: SecurityTickerInputProps<T>) => {
  return (
    <BaseFormField
      fieldName={"ticker" as T}
      value={ticker}
      setValue={setticker}
      label="Security Ticker/ISIN"
      placeholder="Enter ticker or ISIN"
      clearError={clearError}
      errors={errors}
      handleFieldBlur={handleFieldBlur}
      validateField={validateField}
    />
  );
};

export default SecurityTickerInput;