import { FC, ReactNode } from 'react';
import { StylesConfig } from "react-select";
import { IconTypes } from '../icon/Icon';
interface SelectOption {
    label: string;
    value: any;
}
export type ActionTypes = 'clear' | 'create-option' | 'deselect-option' | 'pop-value' | 'remove-value' | 'select-option' | 'set-value';
export interface SelectAction {
    action: ActionTypes;
    name: string;
    option: SelectOption;
}
export interface Props {
    autoFocus?: boolean;
    border?: boolean;
    className?: string;
    clearValue?: () => void;
    editable?: boolean;
    error?: boolean;
    errorMessage?: string;
    extraInfo?: string;
    extraInfoIcon?: IconTypes;
    formatOptionLabel?: (data: any, params: any) => ReactNode;
    hasDarkTooltips?: boolean;
    id: string;
    isCreatable?: boolean;
    isSearchable?: boolean;
    label?: string;
    loading?: boolean;
    menuPlacement?: 'bottom' | 'auto' | 'top';
    multiselect?: boolean;
    name?: string;
    noOptionsMessage?: string;
    onChange: (value: SelectOption, actionTypes: SelectAction) => void;
    onCreate?: (detail: any) => void;
    options: SelectOption[];
    placeholder?: string;
    required?: boolean;
    showClearIndicator?: boolean;
    styles?: StylesConfig;
    value: string | SelectOption | string[] | SelectOption[];
    warning?: boolean;
    warningMessage?: string;
}
declare const Select: FC<Props>;
export default Select;