import { TopNavProps } from './TopNavTypes';
/**
 * TopNav is used to orient users, and to access different areas within an interface.
 *
 * @example
 * <TopNav
    logo={<Image isDecorativeOrBranding src="link/to/image.png"/>}
    skipNav={<TopNav.SkipNav href="#main-content">Skip To Main Content</TopNav.SkipNav>}
    title="Product Name"
  />
 *
 * <TopNav logo={<Image isDecorativeOrBranding src="link/to/image.png"/>}>
    <TopNav.LinkButton active href="/components">Link</TopNav.LinkButton>
    <TopNav.IconButton icon="settings" aria-label="Settings" />
  </TopNav>
 *
 * <TopNav
    logo={<Image isDecorativeOrBranding src="link/to/image.png"/>}
    search={<TopNav.Search onChange={handleChange} />}
    title="Product Name"
  />
 * @see https://design.avayacloud.com/components/web/navbar-web
 * @see https://neo-react-library-storybook.netlify.app/?path=/story/components-top-navigation
 */
export declare const TopNav: {
    ({ children, logo, menuToggleBtn, search, skipNav, sticky, title, }: TopNavProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
    Avatar: ({ avatar, dropdown }: import('./TopNavTypes').TopNavAvatarProps) => import('react').ReactElement<import('..').MenuProps, string | import('react').JSXElementConstructor<any>> | import('react').ReactElement<Omit<import('..').AvatarProps, "status" | "size" | "border">, string | import('react').JSXElementConstructor<any>>;
    IconButton: import('react').ForwardRefExoticComponent<import('./TopNavTypes').TopNavIconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
    LinkButton: import('react').ForwardRefExoticComponent<import('./TopNavTypes').TopNavLinkButtonProps & import('react').RefAttributes<HTMLAnchorElement>>;
    Search: ({ "aria-label": ariaLabel, clearable, disabled, startIcon, ...rest }: import('..').TextInputProps) => import("react/jsx-runtime").JSX.Element;
    SkipNav: ({ children, href, ...rest }: import('./TopNavTypes').TopNavSkipNavProps) => import("react/jsx-runtime").JSX.Element;
};