import type { TopNavBarBrandProps } from '../TopNavBarBrand/props';
import type { TopNavBarActionItemsProps } from '../TopNavBarActionItems/props';
import type { TopNavBarMenuItemsProps } from '../TopNavBarMenuItems/props';
import type { TopNavBarUserProps } from '../TopNavBarUser/props';
import type { TopNavBarItemProps } from '../TopNavBarItem/props';
import type { TopNavBarLayoutProps } from '../TopNavBarLayout/props';
import type { TopNavBarContextType } from '../TopNavBarContext';
type ChildrenFuncProps = {
    currentLayout: TopNavBarContextType['layout'];
    inverseColor: TopNavBarContextType['inverseColor'];
};
type VariantConfig = Partial<ChildrenFuncProps> & {
    hasAlternativeTitle?: boolean;
    hasRenderInPlaceDialogConfig?: boolean;
    brandProps?: Partial<TopNavBarBrandProps>;
    hasRenderBreadcrumb?: boolean;
    currentPageId?: string;
    menuItemsWithSubmenu?: boolean;
    menuItemsCustomIdList?: string[];
    menuItemsProps?: Partial<TopNavBarMenuItemsProps>;
    menuItemsItemProps?: Partial<TopNavBarItemProps> | ((id: string, idx: number) => Partial<TopNavBarItemProps>);
    menuItemsCount?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
    actionItemsCount?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
    actionItemsProps?: Partial<TopNavBarActionItemsProps>;
    actionItemsItemProps?: Partial<TopNavBarItemProps> | ((id: string, idx: number) => Partial<TopNavBarItemProps>);
    userVariant?: 'avatar' | 'default' | 'button' | 'forceIconWithLabel';
    userWithAvatar?: boolean;
    userWithSubmenu?: boolean;
    userId?: string;
    userProps?: Partial<TopNavBarUserProps>;
    userItemProps?: Partial<TopNavBarItemProps>;
};
declare const avatarExample: {
    avatarName: string;
    avatarSrc: string;
};
declare const itemSubmenuExample: import("@emotion/react/jsx-runtime").JSX.Element;
declare const getCustomPopoverConfig: (inverseColor?: ChildrenFuncProps["inverseColor"], extraProps?: Partial<TopNavBarItemProps["customPopoverConfig"]>) => TopNavBarItemProps["customPopoverConfig"];
declare const getCustomPopoverContent: (inverseColor?: ChildrenFuncProps["inverseColor"]) => import("@emotion/react/jsx-runtime").JSX.Element;
declare const getInPlaceDialogConfig: (inverseColor?: ChildrenFuncProps["inverseColor"], extraProps?: Partial<TopNavBarLayoutProps["smallViewportConfig"]["renderInPlaceDialogConfig"]>) => {
    open: boolean;
    onClose: () => void;
    closeButtonLabel: string;
    content: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | ((args: {
        closeInPlaceDialog: () => void;
    }) => React.ReactNode) | (() => import("@emotion/react/jsx-runtime").JSX.Element) | null;
    returnFocusElement: () => HTMLElement | null;
    shouldContainFocus: boolean;
    shouldCloseOnDocumentClick: boolean;
    shouldCloseOnEscape: boolean;
};
declare const SmallViewportModeWrapper: {
    (props: {
        children: React.ReactNode;
    } & TopNavBarContextType): import("@emotion/react/jsx-runtime").JSX.Element;
    defaultProps: {
        layout: string;
        inverseColor: boolean;
    };
};
declare const getBrand: (config?: VariantConfig) => import("@emotion/react/jsx-runtime").JSX.Element;
declare const getMenuItems: (config?: VariantConfig) => import("@emotion/react/jsx-runtime").JSX.Element;
declare const getActionItems: (config?: VariantConfig) => import("@emotion/react/jsx-runtime").JSX.Element;
declare const getUser: (config?: VariantConfig) => import("@emotion/react/jsx-runtime").JSX.Element;
declare const getBreadcrumb: (_config?: VariantConfig) => import("@emotion/react/jsx-runtime").JSX.Element;
declare const getLayoutProps: (props: ChildrenFuncProps, config?: VariantConfig) => TopNavBarLayoutProps;
export { avatarExample, itemSubmenuExample, SmallViewportModeWrapper, getCustomPopoverConfig, getCustomPopoverContent, getInPlaceDialogConfig, getBrand, getMenuItems, getActionItems, getUser, getLayoutProps, getBreadcrumb };
export type { VariantConfig, ChildrenFuncProps };
//# sourceMappingURL=exampleHelpers.d.ts.map