import * as React from 'react';

interface NavItem {
    /**
     * Unique identifier for the nav item
     */
    id: string;
    /**
     * Display label for the nav item
     */
    label: string;
    /**
     * Whether this nav item is currently active
     */
    active?: boolean;
}
interface TopNavBarProps {
    /**
     * School logo image source URL
     */
    schoolLogoSrc?: string;
    /**
     * Alt text for school logo
     */
    schoolLogoAlt?: string;
    /**
     * Click handler for school logo
     */
    onSchoolLogoClick?: () => void;
    /**
     * Array of navigation items
     */
    navItems?: NavItem[];
    /**
     * Callback when a nav item is clicked
     */
    onNavItemClick?: (item: NavItem) => void;
    /**
     * Search value
     */
    searchValue?: string;
    /**
     * Search change handler
     */
    onSearchChange?: (value: string) => void;
    /**
     * Search submit handler
     */
    onSearchSubmit?: (value: string) => void;
    /**
     * Search clear handler
     */
    onSearchClear?: () => void;
    /**
     * Action button label (e.g., "Ask Arbor")
     */
    actionButtonLabel?: string;
    /**
     * Action button click handler
     */
    onActionButtonClick?: () => void;
    /**
     * Whether to show the action button
     */
    showActionButton?: boolean;
    /**
     * User avatar image source URL
     */
    avatarSrc?: string;
    /**
     * User avatar initials (fallback when no image)
     */
    avatarInitials?: string;
    /**
     * User avatar alt text
     */
    avatarAlt?: string;
    /**
     * Avatar section click handler
     */
    onAvatarClick?: () => void;
    /**
     * Logo section click handler
     */
    onLogoClick?: () => void;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom style
     */
    style?: React.CSSProperties;
}
/**
 * TopNavBar component - Arbor Design System
 *
 * A full-width navigation bar fixed to the top of the page.
 * Contains school logo, navigation items, search, action button, and avatar-logo lockup.
 */
declare const TopNavBar: React.ForwardRefExoticComponent<TopNavBarProps & React.RefAttributes<HTMLElement>>;

export { type NavItem, TopNavBar, type TopNavBarProps };