import * as react_jsx_runtime from 'react/jsx-runtime';
import { OptixFlowConfig } from '@page-speed/img';

interface MenuLink {
    label: string;
    description?: string;
    url: string;
    icon?: string;
}
interface MenuGroup {
    title: string;
    links: MenuLink[];
}
interface MenuItem {
    title: string;
    url?: string;
    groups?: MenuGroup[];
}
interface NavButton {
    label: string;
    isPrimary: boolean;
    url: string;
}
/**
 * Props for the NavbarMultiColumnGroups component
 */
interface NavbarMultiColumnGroupsProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    navigation?: MenuItem[];
    desktopButtons?: NavButton[];
    mobileButtons?: NavButton[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarMultiColumnGroups - A navigation bar with multi-column grouped dropdown menus.
 *
 * Features dropdown menus that display links organized into multiple columns by category.
 * Each column has a group title and a list of links with icons and descriptions. The dropdown
 * width dynamically adjusts based on the number of groups. Mobile view uses a dark-themed
 * full-screen sheet with accordion navigation and CTA buttons at the top. Ideal for SaaS
 * platforms, enterprise software, and products with many features to showcase.
 */
declare const NavbarMultiColumnGroups: ({ className, logo, navigation, desktopButtons, mobileButtons, optixFlowConfig, }: NavbarMultiColumnGroupsProps) => react_jsx_runtime.JSX.Element;

export { NavbarMultiColumnGroups, type NavbarMultiColumnGroupsProps };
