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

/**
 * Menu item interface for navigation
 */
interface MenuItem {
    title: string;
    url: string;
    description?: string;
    icon?: string;
    items?: MenuItem[];
}
/**
 * Props for the NavbarCenteredMenu component
 */
interface NavbarCenteredMenuProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
        className?: string;
    };
    menu?: MenuItem[];
    auth?: {
        login: {
            title: string;
            url: string;
        };
        signup: {
            title: string;
            url: string;
        };
    };
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarCenteredMenu - A responsive navigation bar with centered navigation links and dropdown menus.
 *
 * Features a logo on the left, centered navigation menu with dropdown submenus that appear
 * directly below their parent items, and auth buttons on the right. Mobile view uses a
 * slide-out sheet with accordion navigation. The dropdowns are centered under their
 * trigger elements for a balanced visual appearance.
 */
declare const NavbarCenteredMenu: ({ logo, menu, auth, className, optixFlowConfig, }: NavbarCenteredMenuProps) => react_jsx_runtime.JSX.Element;

export { NavbarCenteredMenu, type NavbarCenteredMenuProps };
