import { default as React } from 'react';
import { TopbarNavItem } from './TopbarNav';
export interface TopbarMenuToggleProps {
    /** Custom icon component to use instead of default hamburger */
    icon?: React.ComponentType<{
        className?: string;
    }>;
    /** ARIA label for the toggle button */
    'aria-label'?: string;
    /** Additional CSS classes */
    className?: string;
    /** Custom onClick handler (overrides default toggle behavior) */
    onClick?: () => void;
    /** Breakpoint at which to hide the toggle (shows on smaller screens) */
    hideAbove?: 'sm' | 'md' | 'lg' | 'xl';
    /** Menu items to display in dropdown (optional - if provided, shows dropdown instead of toggling mobile nav) */
    menuItems?: TopbarNavItem[];
    /** Custom link component for routing integration */
    LinkComponent?: React.ComponentType<{
        href: string;
        className?: string;
        children: React.ReactNode;
    }>;
}
/**
 * TopbarMenuToggle - Hamburger menu toggle button for mobile navigation
 *
 * @example
 * ```tsx
 * // Simple toggle (controls TopbarMobileNav)
 * <TopbarMenuToggle hideAbove="lg" />
 *
 * // With dropdown menu
 * <TopbarMenuToggle
 *   hideAbove="lg"
 *   menuItems={[
 *     { id: 'home', label: 'Home', href: '/' },
 *     { id: 'about', label: 'About', href: '/about' },
 *   ]}
 *   LinkComponent={LocalizedLink}
 * />
 * ```
 */
export declare const TopbarMenuToggle: React.FC<TopbarMenuToggleProps>;
//# sourceMappingURL=TopbarMenuToggle.d.ts.map