import React from "react";
import { Indicator } from "../FeedbackIndicator/FeedbackIndicator";
import "./dropdown.scss";
export interface DropdownText {
    selectAll?: string;
    noResult?: string;
    emptyList?: string;
    search?: string;
}
export declare function getValueOfMultipleSelect(selectOptions: Array<HTMLOptionElement>): string[];
export declare type DropdownProps = Omit<JSX.IntrinsicElements["select"], "value"> & {
    /** Props for the select's wrapper (div) */
    wrapperProps?: JSX.IntrinsicElements["div"];
    /** The value of the dropdown */
    value?: string | string[];
    /** An event triggered when a select of type multiple is changed returning an array of the selected values */
    onMultipleChange?: (selected: string[]) => void;
    /** Allows searching throw the dropdown */
    searchable?: boolean;
    /** Allows all selection of the dropdown */
    isAllSelectable?: boolean;
    /** Allows clearing the dropdown with a clear button */
    clearable?: boolean;
    /** Allows setting custom label to be displayed for selected item */
    selectedLabel?: string | ((value: string | string[]) => string | string[]);
    /** Custom texts to be dispalyed in different parts of the dropdown */
    text?: DropdownText;
    /** Indicator for error, warning or success */
    indicator?: Indicator;
    /** Props for (ul) element */
    itemWrapperProps?: JSX.IntrinsicElements["ul"];
};
export declare const Dropdown: React.FC<DropdownProps>;