import { MouseEvent } from 'react';
import { type NavLinkProps } from 'react-router-dom';
import { type DeviceContextProps } from '../../device-context-provider/device-context-provider';
import { type IconName } from '../../icon';
export interface NavItemProps {
    value: string;
    href: string;
    description?: string;
    iconName?: IconName;
    label?: string;
    lozenge?: string;
    end?: boolean;
    isExternalLink?: boolean;
    isHtmlLink?: boolean;
    disabled?: boolean;
    target?: string;
    onClick?(event: MouseEvent): void;
}
interface LinkProps {
    $hasIcon?: boolean;
    $device: DeviceContextProps;
    disabled?: boolean;
    onClick?(event: MouseEvent): void;
}
export declare const StyledNavItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, LinkProps & NavLinkProps, never>;
export declare const HtmlLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, LinkProps, never>;
export declare const StyledExternalLink: import("styled-components").StyledComponent<import("react").FC<import("../..").ExternalLinkProps>, import("styled-components").DefaultTheme, LinkProps, never>;
export declare const NavItem: import("react").ForwardRefExoticComponent<NavItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
export {};