import "../../CommonImports";
import "../../Core/core.css";
import "./Menu.css";
import "./MenuButton.css";
import * as React from "react";
import { ObservableValue } from '../../Core/Observable';
import { IContextualMenuProps, IMenu, IMenuItem, IMenuItemProps, IMenuProps } from "./Menu.Props";
export interface IMenuState {
    expandedIndex: ObservableValue<number>;
}
export declare class Menu extends React.Component<IMenuProps, IMenuState> implements IMenu {
    private containerElement;
    private itemProvider;
    constructor(props: Readonly<IMenuProps>);
    render(): JSX.Element;
    expandItem: (menuItem: IMenuItem, expanded: boolean) => void;
    focus: () => void;
    getParent: () => IMenu;
    onActivate: (menuItem: IMenuItem, event?: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement, MouseEvent>) => void;
    private renderList;
    private renderMenuItem;
}
export declare function MenuDivider(index: number, menuItem: IMenuItem): JSX.Element;
export declare function MenuHeader(index: number, menuItem: IMenuItem): JSX.Element;
export declare class MenuItem extends React.Component<IMenuItemProps> {
    private localKeyStroke;
    private expanded;
    private element;
    render(): JSX.Element;
    private handleClick;
    private onClick;
    private onDismissSubMenu;
    private onExpandedChange;
    private onFocus;
    private onKeyDown;
    private onKeyUp;
    private onMouseDown;
    private onMouseEnter;
    private onMouseLeave;
}
export declare class ContextualMenu extends React.Component<IContextualMenuProps> {
    render(): JSX.Element;
    private onDismiss;
    private onKeyDown;
    private onActivate;
    private preprocessKeyStroke;
}