@buddhacognitivelab/theme-glassmorphic/dist/components/Navigation/Navigation.d.ts

Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions

/**
 * @fileoverview Navigation component with glassmorphic styling
 */
import React from 'react';
export interface NavigationItem {
    id: string;
    label: string;
    href?: string;
    icon?: React.ReactNode;
    children?: NavigationItem[];
    disabled?: boolean;
    active?: boolean;
    badge?: string | number;
}
export interface NavigationProps {
    /** Navigation items */
    items: NavigationItem[];
    /** Current active item ID */
    activeId?: string;
    /** Navigation orientation */
    orientation?: 'horizontal' | 'vertical';
    /** Glass effect intensity */
    glassIntensity?: 'light' | 'medium' | 'heavy';
    /** Navigation variant */
    variant?: 'primary' | 'secondary' | 'minimal';
    /** Size variant */
    size?: 'sm' | 'md' | 'lg';
    /** Whether navigation is collapsible on mobile */
    collapsible?: boolean;
    /** Whether to show mobile menu button */
    showMobileMenu?: boolean;
    /** Mobile breakpoint */
    mobileBreakpoint?: string;
    /** Logo or brand element */
    logo?: React.ReactNode;
    /** Additional actions (e.g., user menu, search) */
    actions?: React.ReactNode;
    /** Item click handler */
    onItemClick?: (item: NavigationItem) => void;
    /** Mobile menu toggle handler */
    onMobileMenuToggle?: (isOpen: boolean) => void;
    /** Custom className */
    className?: string;
    /** Whether navigation is sticky */
    sticky?: boolean;
    /** Z-index for sticky navigation */
    zIndex?: number;
}
export declare const Navigation: React.FC<NavigationProps>;