export const MenuGroupLabelWrapper: import("styled-components").StyledComponent<React.FC<import("@netdata/netdata-ui/lib/components/typography").TypographyProps & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>>, any, {
    color: "border";
}, "color">;
export const MenuGroupLabelContainer: ({ id, ...rest }: {
    [x: string]: any;
    id: any;
}) => JSX.Element;
export function MenuGroupIcon({ icon }: {
    icon: any;
}): JSX.Element;
export const MenuGroupIconContainer: ({ id, ...rest }: {
    [x: string]: any;
    id: any;
}) => JSX.Element;
export const MenuGroupItemWrapper: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
export const MenuGroupItemContainer: ({ id, ...rest }: {
    [x: string]: any;
    id: any;
}) => JSX.Element;
export function MenuGroupItem({ id, ...rest }: {
    [x: string]: any;
    id: any;
}): JSX.Element;
export function SubMenus({ subMenuIds, onSubMenuClick, ...rest }: {
    [x: string]: any;
    subMenuIds: any;
    onSubMenuClick: any;
}): JSX.Element;
export const SubMenusContainer: ({ id, ...rest }: {
    [x: string]: any;
    id: any;
}) => JSX.Element;
export const MenuGroupWrapper: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
export function withMenuGroupClickHandlers(Component: any): ({ id, onMenuGroupClick, onSubMenuClick, ...rest }: {
    [x: string]: any;
    id: any;
    onMenuGroupClick: any;
    onSubMenuClick: any;
}) => JSX.Element;
export function MenuGroup({ id, active, onMenuGroupClick, onSubMenuClick, ...rest }: {
    [x: string]: any;
    id: any;
    active: any;
    onMenuGroupClick: any;
    onSubMenuClick: any;
}): JSX.Element;
export function withMenuActive(Component: any): ({ id, ...rest }: {
    [x: string]: any;
    id: any;
}) => JSX.Element;
export function MenuGroupContainer({ id, ...rest }: {
    [x: string]: any;
    id: any;
}): JSX.Element;
import React from "react";
