import React from "react";
import { ColorSpecifier } from "../../theme/theme";
import { ButtonProps } from "../button/button";
import { HybridNavigationLink } from "./nav-list";
import { UserData } from "./nav-user-menu";
import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
export type NavMenuProps = {
    id: string;
    label: React.ReactNode;
    analyticsId?: string;
    hidden?: boolean;
    items: Array<HybridNavigationLink & {
        submenu?: Array<HybridNavigationLink>;
    }>;
    action?: HybridNavigationLink;
    actionRaised?: HybridNavigationLink;
    loginRaised?: HybridNavigationLink | null;
    fundraisingRaised?: HybridNavigationLink;
    onClick?: () => void;
    imageBackground?: {
        desktop?: string;
        tablet?: string;
        mobile?: string;
    } | string;
};
type SearchAction = {
    analyticsId?: string;
    onSearch: (query: string) => void;
};
type LoginAction = {
    analyticsId?: string;
    onLogin: () => void;
    color?: ColorSpecifier;
    noIcon?: boolean;
};
type StatsItemProps = {
    id: string;
    label: string;
    value: string;
    logo: string;
};
export type NavigationProps = {
    logo?: React.ReactNode;
    menus?: Array<NavMenuProps>;
    links?: Array<HybridNavigationLink>;
    stats?: Array<StatsItemProps>;
    cta?: ButtonProps | null;
    cta2?: (ButtonProps & {
        targetTab?: string;
    }) | null;
    user?: UserData | null;
    login?: LoginAction | null;
    userMenu?: Array<UserMenuItemWithSubmenu>;
    search?: SearchAction | null;
    isSticky?: boolean;
    isCompactHeight?: boolean;
    setSearchToLeft?: boolean;
    menuReverse?: boolean;
    isDark?: boolean;
};
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): React.JSX.Element;
export default Navigation;