import { StylesConfig } from 'react-select';
import { DisableMode } from '../formElements/common/common';
export interface OptionType {
    label: string;
    value: string;
}
export type FormatOptionLabelContext = "menu" | "value";
export interface Props {
    allValues: string[];
    customStyleConfig?: StylesConfig<OptionType, boolean>;
    isClearable?: boolean;
    isDisabled?: DisableMode;
    menuPortalTarget?: HTMLElement | null;
    placeholder?: string;
    selectedValue?: string;
    showChevron?: boolean;
    style?: React.CSSProperties;
    onSelectedValueChanged: (selectedValue?: string) => void;
    formatOptionLabel?: (option: OptionType, meta: {
        context: FormatOptionLabelContext;
    }) => React.ReactNode;
    /** When true for a value, that option is shown but not selectable. */
    isOptionDisabled?: (value: string) => boolean;
    valueToLabel?: (value: string) => string;
}
export declare const SingleSelect: ({ allValues, selectedValue, onSelectedValueChanged, isDisabled, placeholder, style, customStyleConfig, isClearable, menuPortalTarget, valueToLabel, formatOptionLabel, showChevron, isOptionDisabled, }: Props) => import("react/jsx-runtime").JSX.Element;