import * as React from 'react';
export interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
    /** Children (NavBrand, NavLinks) */
    children: React.ReactNode;
}
export interface NavBrandProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Brand content (logo, text) */
    children: React.ReactNode;
}
export interface NavLinksProps extends React.HTMLAttributes<HTMLDivElement> {
    /** NavLink children */
    children: React.ReactNode;
}
export interface NavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
    /** Link content */
    children: React.ReactNode;
    /** Active state */
    active?: boolean;
    /** Click handler for SPA navigation */
    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
}
/**
 * Navigation - App navigation bar
 *
 * Horizontal navigation bar with brand and links.
 * Use for main app navigation with clean, minimal design.
 */
export declare const Navigation: React.ForwardRefExoticComponent<NavigationProps & React.RefAttributes<HTMLElement>>;
/**
 * NavBrand - Navigation brand/logo section
 */
export declare const NavBrand: React.ForwardRefExoticComponent<NavBrandProps & React.RefAttributes<HTMLDivElement>>;
/**
 * NavLinks - Navigation links container
 */
export declare const NavLinks: React.ForwardRefExoticComponent<NavLinksProps & React.RefAttributes<HTMLDivElement>>;
/**
 * NavLink - Individual navigation link
 */
export declare const NavLink: React.ForwardRefExoticComponent<NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
//# sourceMappingURL=Navigation.d.ts.map