import React, { PureComponent } from 'react';
import { PickDefaultProps } from '../utils-typescript';
import { ButtonProps } from '../Button/button';
declare type DropDownId = string;
interface IconButtonDropDownTheme {
    readonly 'wrapper': string;
    readonly 'wrapper__btn': string;
    readonly 'wrapper__btnModeIcon': string;
    readonly 'wrapper__dropDown': string;
    readonly 'wrapper__dropDown--isOpen': string;
    readonly 'wrapper__dropDownItem': string;
    readonly 'wrapper__btnIcon': string;
}
export interface IconButtonDropDownProps {
    /**
     * The key of the Icon which is always displayed.
     */
    readonly icon: string;
    /**
     * Children to be rendered inside the DropDown.
     */
    readonly children: ReadonlyArray<React.ReactElement<{
        readonly dropDownId: string;
    }>>;
    /**
     * You can pass an modeIcon which displays the current selected item in a leaner way.
     * Modify this prop via listening to the `onItemSelect` propType.
     */
    readonly modeIcon: string;
    /**
     * Will be called once the user clicks on the wrapper if
     * it is NOT opened right meow.
     */
    readonly onClick: () => void;
    /**
     * Will be called once the user selects an item.
     * You should specify an `dropDownId` prop on each child,
     * which will then be propagated to this handler as the first
     * and only argument.
     */
    readonly onItemSelect: (id: DropDownId) => void;
    /**
     * An optional css theme to be injected.
     */
    readonly theme?: IconButtonDropDownTheme;
    /**
     * An optional `className` to attach to the wrapper.
     */
    readonly className?: string;
    /**
     * Controls the whole components disabled state.
     */
    readonly disabled: boolean;
    /**
     * Props which are propagated to the <Button> component.
     */
    readonly directButtonProps: ButtonProps;
}
declare type DefaultProps = PickDefaultProps<IconButtonDropDownProps, 'directButtonProps' | 'disabled' | 'modeIcon'>;
export declare const defaultProps: DefaultProps;
export interface IconButtonDropDownState {
    readonly isOpen: boolean;
}
export default class IconButtonDropDown extends PureComponent<IconButtonDropDownProps, IconButtonDropDownState> {
    private _timeouts;
    constructor(props: IconButtonDropDownProps);
    static readonly defaultProps: Readonly<Required<Pick<IconButtonDropDownProps, "disabled" | "directButtonProps" | "modeIcon">>>;
    render(): JSX.Element;
    private readonly createHoldTimeout;
    private readonly cancelHoldTimeout;
    private readonly createHoverTimeout;
    private readonly cancelHoverTimeout;
    private readonly handleHoverTimeout;
    private readonly handleHoldTimeout;
    private readonly handleClick;
    private readonly handleMouseLeave;
    private readonly createItemSelectedHandler;
    private readonly openDropDown;
    private readonly closeDropDown;
}
export {};