export interface Item {
  id: number | string;
  value: string;
  name?: string;
  renderValue?: Function;
  isDisabled?: boolean;
  tags?: string[];
}

export interface Button {
  text: string;
  handleClick: Function;
  iconSrc?: string;
  isDisabled?: boolean;
}

export interface Link {
  onClick: Function;
  customStyle: object;
}

export interface Pagination {
  handleFetchMoreData: Function;
  displayShowMoreResult: boolean;
  isLoading: boolean;
}

export interface Props {
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  theme: any;
  items: Item[];
  width: string;
  height: string;
  customStyle: object;
  placeholder: string;
  label: string;
  selectedItems: Item[];
  iconSrc: string | null;
  iconCustomStyle: object;
  isDisabled: boolean;
  isRequired: boolean;
  isErrorState: boolean;
  isSearchDisabled: boolean;
  isUniqueSelection: boolean;
  onSelectionChange: Function;
  onTriggerDropdownList: Function;
  searchPlaceholder: string;
  button: Button;
  sortBy: Function;
  labelStyle: Object;
  customListStyle: Object;
  tooltipText: string;
  shouldInterpretTooltipHTML: boolean;
  link: Link;
  searchDebounceTimeInMs: number;
  pagination?: Pagination;
  customDropdownListStyle?: Object;
  languageCode?: string;
  displayName?: boolean;
  largeDropdownList?: boolean;
  maxSelection?: number;
}