/**
 * @fileoverview MobileBottomNav component with slot architecture
 * @description A composable bottom navigation component optimized for mobile devices
 * @module MobileBottomNav
 * @version 2.0.0 - iOS 26 compatibility update
 */
import * as React from "react";
import { type RootProps, type NavListProps, type NavItemProps, NavSize } from "./types";
import "./MobileOptimizations.css";
/**
 * Spacer component to prevent content from being hidden under navigation
 *
 * @component
 * @example
 * \`\`\`tsx
 * <main>
 *   {content}
 *   <MobileBottomNav.Spacer />
 * </main>
 * \`\`\`
 *
 * @param {object} props - Component props
 * @returns {React.ReactElement} Spacer element
 */
interface SpacerProps {
    /** Additional CSS classes */
    className?: string;
    /** Size matching the navigation */
    size?: NavSize;
}
/**
 * MobileBottomNav compound component
 *
 * A fully accessible, mobile-optimized bottom navigation with:
 * - Slot-based architecture (Root, NavList, NavItem)
 * - Glassmorphism visual effects
 * - Motion animations
 * - Safe area support for notched devices
 * - Headless mode for custom styling
 *
 * @example
 * \`\`\`tsx
 * <MobileBottomNav.Root variant={NavVariant.GLASS}>
 *   <MobileBottomNav.NavList>
 *     <MobileBottomNav.NavItem
 *       icon={<Home />}
 *       label="Home"
 *       state={NavItemState.ACTIVE}
 *     />
 *     <MobileBottomNav.NavItem
 *       icon={<Search />}
 *       label="Search"
 *     />
 *   </MobileBottomNav.NavList>
 * </MobileBottomNav.Root>
 * \`\`\`
 */
export declare const MobileBottomNav: {
    Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
    NavList: React.ForwardRefExoticComponent<NavListProps & React.RefAttributes<HTMLUListElement>>;
    NavItem: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLButtonElement>>;
    Spacer: React.FC<SpacerProps>;
};
export default MobileBottomNav;
//# sourceMappingURL=MobileBottomNav.d.ts.map