/* eslint-disable @typescript-eslint/no-explicit-any */
import * as React from 'react';
import { ReactSelectProps } from 'react-select';

export type Value = any;

export type FilterOption = {
  value: Value;
  dropdownLabel?: string;
  label: string;
  disabled?: boolean;
  className?: string;
  inset?: boolean;
};

type Options = FilterOption[];

interface DropdownProps {
  options: Options | (() => Options);
  optionRenderer?: (option: FilterOption) => any;
  onChange?: (value: Value) => any;
  value?: Value;
  error?: string;
  placeholder?: string;
  className?: string;
  disabled?: boolean;
  selectOptions?: ReactSelectProps;
  autoSize?: boolean;
  searchable?: boolean;
  clearable?: boolean;
  innerRef?: (ref: any) => any;
  multi?: boolean;
  id?: string;
  width?: string;
}

declare const Dropdown: (
  props: DropdownProps,
) => React.ReactElement<DropdownProps, any>;
export default Dropdown;