import React from 'react';
import { BreadcrumbType } from '../../../module';
import { LeftNavLinkObj, LeftNavProps } from '../LeftNav';
export type LeftNavLinkProps = {
    /** The content to be displayed on the SidebarLink */
    content: LeftNavLinkObj;
    /** We need the first index of the breadcrumbs array to help us determine with SidebarLink is the active link */
    firstBreadcrumb: BreadcrumbType;
    /** The index is used to determine the active SidebarLink and also help create the animation effects */
    index: number;
    /** This boolean is necessary to help with styling the SidebarLink when in an expanded state */
    isExpanded: boolean;
    /** This boolean is necessary to help with improving the interaction on touch devices */
    isUseable: boolean;
    /** This callout function is needed to update the current active index */
    setActiveBarPosition: React.Dispatch<React.SetStateAction<number>>;
    /** The top position of the link container */
    topOfLinkContainer: number;
    /** Component to use for routing. We need this to be defined in each application using the LeftNav. */
    routerComponent: LeftNavProps['routerComponent'];
    /** Prop to use for routing within the routerComponent. We need this to be defined in each application using the LeftNav. */
    routerProp: LeftNavProps['routerProp'];
    /** Function to close the LeftNav */
    close: () => void;
};
declare const LeftNavLink: ({ content, firstBreadcrumb, index, isExpanded, setActiveBarPosition, topOfLinkContainer, routerComponent: RouterComponent, routerProp, close, }: LeftNavLinkProps) => JSX.Element;
export default LeftNavLink;
