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

interface NavItem {
    title: string;
    url: string;
}
/**
 * Props for the NavbarTransparentOverlay component
 */
interface NavbarTransparentOverlayProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    navItems?: NavItem[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarTransparentOverlay - A transparent navigation bar that transitions to solid on scroll.
 *
 * Features a transparent background that becomes solid white/dark when the user scrolls down.
 * The logo and navigation links are visible against hero images or video backgrounds. Mobile
 * view uses a full-screen overlay menu with large, centered navigation links that animate in
 * with a staggered effect. The hamburger menu transforms into an X when open. Perfect for
 * landing pages, portfolios, and creative websites with hero sections.
 */
declare const NavbarTransparentOverlay: ({ className, logo, navItems, optixFlowConfig, }: NavbarTransparentOverlayProps) => react_jsx_runtime.JSX.Element;

export { NavbarTransparentOverlay, type NavbarTransparentOverlayProps };
