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

interface SubMenuItem {
    title: string;
    url: string;
    icon?: string;
}
interface MenuItem {
    title: string;
    url?: string;
    items?: SubMenuItem[];
}
/**
 * Props for the NavbarStickyCompact component
 */
interface NavbarStickyCompactProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    menu?: MenuItem[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarStickyCompact - A compact sticky navigation bar that shrinks on scroll.
 *
 * Features a standard-height navigation bar that compresses to a more compact size when
 * the user scrolls down. The logo shrinks and padding reduces to maximize content space
 * while maintaining navigation accessibility. Desktop view shows dropdown menus with icons.
 * Mobile view uses a slide-out sheet from the right. Ideal for content-heavy sites where
 * vertical space is valuable.
 */
declare const NavbarStickyCompact: ({ className, logo, menu, optixFlowConfig, }: NavbarStickyCompactProps) => react_jsx_runtime.JSX.Element;

export { NavbarStickyCompact, type NavbarStickyCompactProps };
