/// <reference types="react" />
import { NavSelectClickHandler } from './Nav';
import { OUIAProps } from '../../helpers';
export interface NavItemProps extends Omit<React.HTMLProps<HTMLAnchorElement>, 'onClick'>, OUIAProps {
    /** Content rendered inside the nav item. */
    children?: React.ReactNode;
    /** Whether to set className on children when React.isValidElement(children) */
    styleChildren?: boolean;
    /** Additional classes added to the nav item */
    className?: string;
    /** Target navigation link. Should not be used if the flyout prop is defined. */
    to?: string;
    /** Flag indicating whether the item is active */
    isActive?: boolean;
    /** Group identifier, will be returned with the onToggle and onSelect callback passed to the Nav component */
    groupId?: string | number | null;
    /** Item identifier, will be returned with the onToggle and onSelect callback passed to the Nav component */
    itemId?: string | number | null;
    /** If true prevents the default anchor link action to occur. Set to true if you want to handle navigation yourself. */
    preventDefault?: boolean;
    /** Callback for item click */
    onClick?: NavSelectClickHandler;
    /** Component used to render NavItems if  React.isValidElement(children) is false */
    component?: React.ElementType<any> | React.ComponentType<any>;
    /** Flyout of a nav item. This should be a Menu component. Should not be used if the to prop is defined. */
    flyout?: React.ReactElement<any>;
    /** Callback when flyout is opened or closed */
    onShowFlyout?: () => void;
    /** z-index of the flyout nav item */
    zIndex?: number;
    /** Icon added before the nav item children. */
    icon?: React.ReactNode;
    /** Value to overwrite the randomly generated data-ouia-component-id.*/
    ouiaId?: number | string;
    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
    ouiaSafe?: boolean;
    /** React ref for the anchor element within the nav item. */
    anchorRef?: React.Ref<HTMLAnchorElement>;
    /** @hide Forwarded ref */
    innerRef?: React.Ref<HTMLLIElement>;
}
export declare const NavItem: import("react").ForwardRefExoticComponent<Omit<NavItemProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
//# sourceMappingURL=NavItem.d.ts.map