import React from 'react';
type MenuDirection = 'Vertical' | 'Horizontal';
export type MenuItemType = 'Command' | 'Folder' | 'Group' | 'SubMenu';
export declare class MenuItem {
    label: string;
    type: MenuItemType;
    selectable: boolean;
    command?: (e: any) => void;
    children?: MenuItem[];
    icon?: React.JSX.Element;
    id: string;
}
export interface MenuItemState {
    collapsed: boolean;
}
export declare class MenuState {
    menuItemStateById: {
        [id: string]: MenuItemState;
    };
    activeItemId: string;
}
export declare function activateItem(item: MenuItem, shellMenuState?: MenuState): void;
export declare function getItemState(menuState: MenuState, itemId: string): MenuItemState;
export declare const Menu1: React.FC<{
    menuItems: MenuItem[];
    direction: MenuDirection;
    styleType?: number;
}>;
declare const Menu: React.FC<{
    menuItems: MenuItem[];
    menuState: MenuState;
    direction: MenuDirection;
    onMenuStateChanged?: (ms: MenuState) => void;
}>;
export default Menu;