import { FC } from 'react';
import { SideNavigationProps, SideNavigationSubComponents } from './SideNavigationTypes';
/**
 * The side navigation bar is used to display the secondary navigation elements
 * of an application. These include a list of links that can be used to move
 * between sections or pages within the application or the site.
 *
 * @example
 * <SideNavigation aria-label="Collapsible Navigation Menu">
    <SideNavigation.NavCategory icon="audio-on" label="Collapsed">
      <SideNavigation.LinkItem href="#first">First Item</SideNavigation.LinkItem>
      <SideNavigation.LinkItem href="#second">Second Item</SideNavigation.LinkItem>
    </SideNavigation.NavCategory>
    <SideNavigation.NavCategory expanded icon="call" label="Active">
      <SideNavigation.LinkItem href="#item1">Item 1</SideNavigation.LinkItem>
      <SideNavigation.LinkItem href="#item2" active>
        Active Item 2
      </SideNavigation.LinkItem>
      <SideNavigation.LinkItem href="#item3"> Item 3</SideNavigation.LinkItem>
    </SideNavigation.NavCategory>
    <SideNavigation.NavCategory disabled icon="available" label="Disabled">
      <SideNavigation.LinkItem href="#disabled1">First Item</SideNavigation.LinkItem>
      <SideNavigation.LinkItem href="#disabled2">Second Item</SideNavigation.LinkItem>
    </SideNavigation.NavCategory>
  </SideNavigation>

 * @see https://design.avaya.com/components/side-navigation
 */
export declare const SideNavigation: FC<SideNavigationProps> & SideNavigationSubComponents;