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

interface DropdownItem {
    title: string;
    href: string;
    description: string;
}
interface NavItem {
    label: string;
    href: string;
    dropdownItems?: DropdownItem[];
}
/**
 * Props for the NavbarFloatingPill component
 */
interface NavbarFloatingPillProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
    };
    items?: NavItem[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarFloatingPill - A floating pill-shaped navigation bar with glassmorphism effect.
 *
 * Features a centered, rounded pill design with semi-transparent background and backdrop blur.
 * Positioned absolutely at the top of the viewport. Includes dropdown menus with smooth
 * animations and a collapsible mobile menu. Perfect for landing pages and modern marketing
 * sites where the navbar should float over hero content.
 */
declare const NavbarFloatingPill: ({ className, logo, items, optixFlowConfig, }: NavbarFloatingPillProps) => react_jsx_runtime.JSX.Element;

export { NavbarFloatingPill, type NavbarFloatingPillProps };
