import { default as React, ReactNode } from 'react';
/**
 * Navigation item
 */
export interface NavItem {
    id: string;
    label: string;
    href?: string;
    onClick?: () => void;
    icon?: ReactNode;
    items?: NavItem[];
    disabled?: boolean;
}
/**
 * User menu item
 */
export interface UserMenuItem {
    id: string;
    label: string;
    icon?: ReactNode;
    onClick?: () => void;
    divider?: boolean;
}
/**
 * Top nav props
 */
export interface TopNavProps {
    /** Logo or brand element */
    logo?: ReactNode;
    /** Navigation items */
    items?: NavItem[];
    /** Currently active item ID */
    activeId?: string;
    /** Right-side actions */
    actions?: ReactNode;
    /** User info for menu */
    user?: {
        name: string;
        email?: string;
        avatar?: string;
    };
    /** User menu items */
    userMenuItems?: UserMenuItem[];
    /** Search component */
    search?: ReactNode;
    /** Fixed position at top */
    fixed?: boolean;
    /** Background color */
    backgroundColor?: string;
    /** Height */
    height?: number;
}
/**
 * Top navigation component - memoized for performance
 */
export declare const TopNav: React.MemoExoticComponent<({ logo, items, activeId, actions, user, userMenuItems, search, fixed, backgroundColor, height, }: TopNavProps) => React.ReactElement>;