import React from 'react';
import cx from 'classnames';
import { NavigationHeaderProps } from './NavigationHeader';
import { NavigationBodyProps } from './NavigationBody';
import { NavigationFooterProps } from './NavigationFooter';
import { NavigationGroupProps } from './NavigationGroup';
import { NavigationAvatarProps } from './NavigationAvatar';
import { NavigationProfileSwitcherProps } from './NavigationProfileSwitcher';
import { NavigationItemProps } from './NavigationItem';
import { NavigationDrillInProps } from './NavigationDrillIn';
import { NavContext } from './NavigationContext';
import styles from './Navigation.module.scss';
export interface NavigationComposition {
    Header: React.FC<NavigationHeaderProps>;
    Body: React.FC<NavigationBodyProps>;
    Footer: React.FC<NavigationFooterProps>;
    Group: React.FC<NavigationGroupProps>;
    Avatar: React.FC<NavigationAvatarProps>;
    ProfileSwitcher: React.FC<NavigationProfileSwitcherProps>;
    Item: React.FC<NavigationItemProps>;
    DrillIn: React.FC<NavigationDrillInProps>;
}
export interface Props {
    /** Children should contain `Navigation.Header`, `Navigation.Body`, and `Navigation.Footer`  */
    children?: React.ReactNode;
    /** Apply CSS class to the container. */
    className?: Parameters<typeof cx>[0];
}
export declare const Navigation: React.FC<Props> & NavigationComposition;
export default Navigation;
export { styles, NavContext };
//# sourceMappingURL=index.d.ts.map