import type { ReactNode } from 'react';
import type { DocBasePageData } from '@diplodoc/components';
import type { WithNavigation } from '../App';
import type { Props as HeaderControlsProps } from '../HeaderControls';
import React from 'react';
export declare const useNavigation: (data: DocBasePageData<WithNavigation>, controls: HeaderControlsProps, CustomControls: () => ReactNode, CustomSuggest: () => ReactNode, viewerInterface?: Record<string, boolean>) => {
    custom: {
        search: () => ReactNode;
        controls: () => ReactNode;
        MobileDropdown: React.FC<import("@gravity-ui/page-constructor").NavigationDropdownItem>;
    };
    layout: {
        header: {
            leftItems: never[];
        };
        renderNavigation: () => React.JSX.Element;
        logo: {
            icon: import("@gravity-ui/page-constructor").ImageProps;
        } | {
            icon: import("@gravity-ui/page-constructor").ImageProps;
            text?: string;
            url?: string;
            urlTitle?: string;
            alt?: string;
        } | {
            icon: import("@gravity-ui/page-constructor").ImageProps;
            text?: string;
            url?: string;
            urlTitle?: string;
            alt?: string;
            light: import("@gravity-ui/page-constructor").NavigationLogoData;
        };
    } | undefined;
    withControls: boolean;
};
