import * as React from 'react';

interface TopNavItemProps {
    /**
     * Text label for the nav item
     */
    children: React.ReactNode;
    /**
     * Whether this nav item is currently active/selected
     */
    active?: boolean;
    /**
     * Click handler
     */
    onClick?: () => void;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom style
     */
    style?: React.CSSProperties;
}
/**
 * TopNavItem component - Arbor Design System
 *
 * A navigation item for the top navigation bar with text and chevron icon.
 * Supports default, hover, focused, and active states.
 */
declare const TopNavItem: React.ForwardRefExoticComponent<TopNavItemProps & React.RefAttributes<HTMLButtonElement>>;

export { TopNavItem, type TopNavItemProps };