import { ReactElement } from 'react';
import { IconDefinition } from '@mezzanine-ui/icons';
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
import { BadgeProps } from '../Badge';
export type NavigationOptionChild = ReactElement<NavigationOptionProps> | ReactElement<BadgeProps> | false | null | undefined;
export type NavigationOptionChildren = NavigationOptionChild | NavigationOptionChild[];
export interface NavigationOptionProps extends Omit<NativeElementPropsWithoutKeyAndRef<'li'>, 'onClick' | 'onMouseEnter' | 'onMouseLeave'> {
    /**
     * Whether the item is active.
     */
    active?: boolean;
    /**
     * Strict children with `NavigationOption`.
     */
    children?: NavigationOptionChildren;
    /**
     * Custom component to render, it should support `href` and `onClick` props if provided.
     */
    anchorComponent?: React.ElementType;
    /**
     * Icon of the item.
     */
    icon?: IconDefinition;
    /**
     * Unique ID of the item.
     */
    id?: string;
    /**
     * Href of the item.
     */
    href?: string;
    /**
     * Set display title for sub-menu item.
     */
    title: string;
    /**
     * Open menu as default
     * @default false
     */
    defaultOpen?: boolean;
    onTriggerClick?: (path: string[], currentKey: string, href?: string) => void;
}
declare const NavigationOption: import("react").ForwardRefExoticComponent<NavigationOptionProps & import("react").RefAttributes<HTMLLIElement>>;
export default NavigationOption;