import * as React from 'react';
import { MenuNavigationItemTypeDesktopGroup } from '../types';
export type SubMenuProps = {
    item: MenuNavigationItemTypeDesktopGroup;
    index: number;
    topLevel: boolean;
    dropdownMenusOpenedArray: React.MutableRefObject<string[]>;
    onSubMenuOpened?: (item: string) => void;
    onSubMenuHidden?: (item: string) => void;
    onItemStateChanged?: (item: string, state: boolean) => void;
    onItemFocused?: (item: string) => void;
    focusedItemId?: string;
    activeItemId?: string;
    nestPath?: string[];
    ariaLabelledBy?: string;
};
export declare const SubMenuWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $topLevel: boolean;
    $visible: boolean;
}>> & string;
export declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLUListElement>>;