import { Props as ReactSelectProps } from "react-select";

export interface SelectOption<T = any> {
  label: string;
  value: string;
  data?: T;
}

export type FilterOptions = {
  ignoreCase?: boolean;
  ignoreAccents?: boolean;
  trim?: boolean;
  matchFrom?: "start" | "any";
};

export type OwnProps = {
  options: SelectOption[];
  value?: SelectOption;
  className?: string;
  isCustomStyle?: boolean;
  controlClassName?: string;
  menuClassName?: string;
  filterOptions?: FilterOptions;
  hasError?: boolean;
  error?: string;
  helperText?: string;
  label?: string;
  labelClassName?: string;
  singleValueClassName?: string;
  size?: "sm" | "md" | "lg";
  variant?: "default" | "unstyled";
  "data-cy"?: string;
  "data-testid"?: string;
};

export type SelectProps = OwnProps &
  Omit<ReactSelectProps<SelectOption>, "options" | "value" | "className">;