import { ReactNode } from 'react';

export interface MenuProps {
    id?: string;
    header: any;
    headerOnHover: ReactNode;
    description: ReactNode;
    image: {
        src: string;
        alt: string;
        width: number;
        height: number;
    };
    bannerCta?: {
        id: string;
        label: string;
        url: string;
        ariaLabel?: string;
        variant?: string;
        type?: "Button" | "Chevron";
        newTab?: boolean;
    }[];
    subNavItems?: SubNavItemProps[];
    helpUrl?: string;
    onDownKeyContainer: (event: React.KeyboardEvent<HTMLDivElement>, id: string) => void;
    onMouseLeave: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
}
export declare const Menu: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<HTMLDivElement>>;
export interface SubNavItemProps {
    id: string;
    icon: string;
    label: string;
    url: string;
    items: {
        id: string;
        label: string;
        url: string;
    }[];
}
export declare const SubNavItem: ({ icon, label, url, items }: SubNavItemProps) => import("react").JSX.Element;