import { FC, KeyboardEvent, RefObject } from 'react';
import { NavLinkProps } from 'react-router-dom';
import { DeviceContextProps } from '../device-context-provider/device-context-provider';
import { NavListOption } from './nav-list-option';
export interface ListOption extends NavListOption {
    id: string;
    focusIndex: number;
    ref: RefObject<HTMLAnchorElement>;
}
interface LinkProps {
    $device: DeviceContextProps;
    disabled?: boolean;
}
export declare const ReactRouterNavLink: 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 interface NavListItemProps {
    option: ListOption;
    onKeyDown?(event: KeyboardEvent<HTMLAnchorElement>, option: NavListOption): void;
    onSelect?(option: NavListOption): void;
}
export declare const NavListItem: FC<NavListItemProps>;
export {};