import { default as React } from 'react'; import { BreadcrumbType } from '../../Breadcrumbs/Common/BreadcrumbTypes'; 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>; /** 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; /** The index of the link segment to match */ linkSegmentIndexToMatch?: number; }; declare const LeftNavLink: ({ content, firstBreadcrumb, index, isExpanded, setActiveBarPosition, topOfLinkContainer, routerComponent: RouterComponent, routerProp, close, linkSegmentIndexToMatch, }: LeftNavLinkProps) => React.JSX.Element; export default LeftNavLink;