import React, { CSSProperties } from 'react';
import { TranslationKeys } from "../../../i18n/translationKeys";
import { UserInfo } from "../../../interfaces/types";
type NavMenuItem = {
    key: TranslationKeys;
    className?: string;
    value?: RouteKey;
    link?: string;
    icon?: JSX.Element;
    iconColor?: string;
    subMenu?: NavMenuItem[];
    disabled?: boolean;
    tracking?: {
        action: string;
    };
};
type RouteKey = 'profile' | 'myHealth' | 'saved' | 'booking' | 'myCommunities' | 'password' | 'help' | 'eCom' | 'disable-account' | 'data-privacy' | 'logout' | 'subscription' | 'eCom-manageOrders' | 'eCom-manageAddress' | 'eCom-memberCard' | 'eCom-voucher';
export type Props = {
    className?: string;
    activeItem?: TranslationKeys;
    style?: CSSProperties;
    navMenuItems?: NavMenuItem[][];
    onLogout?: () => void;
    siteType: 'marryBaby' | 'helloSites';
    userInfo?: UserInfo;
    onNavigate?: (link: string) => void;
};
declare const ProfileNavigation: ({ className, activeItem: forceActiveItem, navMenuItems: navMenuItemsProp, style, onLogout, siteType, userInfo, onNavigate, }: Props) => React.JSX.Element;
declare const NavMenuItem: ({ item, activeKey, forceOpen, onLogout, onClick, siteType, onNavigate, }: {
    item: NavMenuItem;
    activeKey?: string;
    forceOpen?: boolean;
    onLogout?: () => void;
    onClick?: () => void;
    siteType?: 'marryBaby' | 'helloSites';
    onNavigate?: (link: string) => void;
}) => React.JSX.Element;
export { ProfileNavigation };