export type MultiSelectData = {
    label: string;
    value: string | number;
    disabled?: boolean;
};
export interface MultiSelectBoxProps {
    /** Array of label, values pairs */
    selectData: MultiSelectData[];
    /** Retuns selected label, values */
    onChange: (values: MultiSelectData[]) => void;
    /** Array of label, value pairs that should be check by default */
    defaultSelectedItems?: MultiSelectData[];
    /** Suffix label in the selectbutton '[count] selected' */
    labelSuffix?: string;
    /** Disables the multiselect */
    disabled?: boolean;
    /** If true sets the option dropdown min-width to the width of the select button. */
    fullWidth?: boolean;
    /** Dark border. */
    darkBorder?: boolean;
    /** `true` to color border red to show not valid; otherwise, `false`. */
    notValid?: boolean;
    /** The max height of the options. */
    maxOptionHeight?: `${number}${'px' | 'rem'}`;
    /** `true` to align the right side of the options with the select box; otherwise, `false` to align on the left side. */
    optionPositionRight?: boolean;
}
export declare const MultiSelectBox: ({ selectData, onChange, defaultSelectedItems, labelSuffix, disabled, fullWidth, darkBorder, notValid, maxOptionHeight, optionPositionRight, }: MultiSelectBoxProps) => import("react").JSX.Element;