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

interface TabItem {
    id: string;
    title: string;
    icon?: string;
    links: {
        title: string;
        description?: string;
        url: string;
        icon?: string;
    }[];
    featured?: {
        title: string;
        description: string;
        url: string;
        image: string;
    };
}
interface MenuItem {
    title: string;
    url?: string;
    tabs?: TabItem[];
}
/**
 * Props for the NavbarTabbedSections component
 */
interface NavbarTabbedSectionsProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    menu?: MenuItem[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarTabbedSections - A navigation bar with tabbed dropdown menus for organized content.
 *
 * Features dropdown menus that use tabs to organize content into distinct sections. Each tab
 * displays a list of links with icons and descriptions, and optionally a featured content card
 * with an image. The tabs allow users to quickly switch between different categories within
 * the same dropdown. Mobile view uses a slide-out sheet with expandable sections. Ideal for
 * products with many features organized into logical categories.
 */
declare const NavbarTabbedSections: ({ className, logo, menu, optixFlowConfig, }: NavbarTabbedSectionsProps) => react_jsx_runtime.JSX.Element;

export { NavbarTabbedSections, type NavbarTabbedSectionsProps };
