import * as React from 'react';
import { AdditionalProps } from 'react-onclickoutside';
import { IconName } from '../Icon';
import { InteractiveListItem } from '../InteractiveList';
import { StandardProps } from '../../common';
import { FontSize } from '../../textStyles';
export interface DropdownMenuChangeEvent {
    /**
     * The indices of the items that have been selected.
     */
    indices: Array<number>;
}
export interface DropdownMenuToggleEvent {
    /**
     * The menu is currently closed or opened.
     */
    open: boolean;
}
export interface DropdownMenuProps extends StandardProps {
    /**
     * The text to display.
     */
    text?: string;
    /**
     * The optional icon (name) to use.
     */
    icon?: IconName;
    /**
     * The items of the menu.
     */
    items: Array<InteractiveListItem>;
    /**
     * Defines the size of the menu.
     * @default 'normal
     */
    menuSize?: FontSize;
    /**
     * Should the menu be kept open when losing focus.
     */
    keepOpen?: boolean;
    /**
     * Event fired when the selected item changes.
     */
    onChange?(e: DropdownMenuChangeEvent): void;
    /**
     * The icon size to use.
     */
    iconSize?: number | string;
    /**
     * Event fired when menu opened | closed.
     */
    onToggle?(e: DropdownMenuToggleEvent): void;
    /**
     * @ignore
     */
    children?: void;
}
export interface DropdownMenuState {
    open: boolean;
}
/**
 * A dropdown menu for displaying menu items.
 */
export declare const DropdownMenu: React.ComponentClass<DropdownMenuProps & AdditionalProps>;