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

interface SubMenuItem {
    title: string;
    url: string;
    description?: string;
    icon?: string;
}
interface MenuItem {
    title: string;
    url?: string;
    items?: SubMenuItem[];
}
/**
 * Props for the NavbarSidebarMobile component
 */
interface NavbarSidebarMobileProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    menu?: MenuItem[];
    mobileExtraLinks?: {
        title: string;
        url: string;
    }[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarSidebarMobile - A navigation bar with a slide-out sidebar for mobile devices.
 *
 * Features a standard horizontal navigation menu on desktop with dropdown menus containing
 * icons, titles, and descriptions for each item. Mobile view uses a slide-out sidebar from
 * the left with accordion navigation and additional footer links. The sidebar includes a
 * header with logo and close button. Ideal for applications that need a more app-like
 * mobile navigation experience.
 */
declare const NavbarSidebarMobile: ({ className, logo, menu, mobileExtraLinks, optixFlowConfig, }: NavbarSidebarMobileProps) => react_jsx_runtime.JSX.Element;

export { NavbarSidebarMobile, type NavbarSidebarMobileProps };
