import * as React from 'react'; import { AccessLevel, AdaptableSystemIconName } from '../../types'; export type SelectOption = { label: React.ReactNode; icon?: AdaptableSystemIconName; value: SelectValue; isDisabled?: boolean; }; export type SelectProps = { options: readonly SelectOption[] | SelectOption[]; disabled?: boolean; menuPosition?: 'fixed' | 'absolute'; menuPlacement?: 'auto' | 'bottom' | 'top'; menuStyle?: React.CSSProperties; menuMinWidth?: string | number; searchable?: false | 'inline' | 'menulist'; resizable?: boolean; isClearable?: boolean; skipDefaultFiltering?: boolean; closeMenuOnSelect?: boolean; hideSelectedOptions?: boolean; showHeaderSelectionCheckbox?: boolean; isMulti?: IsMulti; onChange: (value: IsMulti extends true ? SelectValue[] : SelectValue) => void; value: IsMulti extends true ? SelectValue[] : SelectValue; placeholder?: string; 'data-name'?: string; 'data-id'?: string; renderSingleValue?: (option: SelectOption) => React.ReactNode; renderMultipleValues?: (values: SelectValue[], options: { focused: boolean; placeholder?: string; }) => React.ReactNode; className?: string; isLoading?: boolean; onFocus?: () => void; onBlur?: () => void; accessLevel?: AccessLevel; style?: React.CSSProperties; styles?: { valueContainer?: React.CSSProperties; control?: React.CSSProperties; container?: React.CSSProperties; dropdownIndicator?: React.CSSProperties; }; onInputChange?: (value: string) => void; onMenuOpen?: VoidFunction; 'aria-label'?: string; size?: 'small' | 'normal'; isCreatable?: boolean; onKeyDown?: React.KeyboardEventHandler; }; export declare const Select: (props: SelectProps) => React.JSX.Element;