import { type PropType } from 'vue';
import type { FwNavigationMenuProps, NavMenuItem } from './index.types';
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    /**
     * An array of menu items
     * `{ to?: string | object; href?: string; label: string; external?: boolean; }`
     */
    menuItems: {
        type: PropType<FwNavigationMenuProps["menuItems"]>;
    };
    /**
     * An array of menu items
     * `{ to?: string | object; href?: string; label: string; external?: boolean; }`
     */
    additionalMenuItems: {
        type: PropType<FwNavigationMenuProps["menuItems"] | null>;
    };
    /**
     * @deprecated Use `actionLabels` instead.
     * The label for the action button. Emits the `action` event on click.
     */
    actionLabel: {
        type: StringConstructor;
    };
    /**
     * An array of action items shown in the user popover.
     * `{ label: string; onClick?: () => void; }`
     */
    actionMenuItems: {
        type: PropType<FwNavigationMenuProps["actionMenuItems"]>;
    };
    /**
     * The class for the container wrapper.
     */
    containerClass: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Whether menu items are enabled or disabled.
     */
    menuEnabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Whether the route is an authenticated route.
     */
    authenticated: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Padding for the inner menu, should match the sidebar menu width.
     */
    paddingClasses: {
        type: StringConstructor;
    };
    /**
     * Whether the background is transparent
     */
    transparent: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The logo image source url for the desktop menu.
     */
    logoSrc: {
        type: StringConstructor;
    };
    /**
     * The logo image source url for the mobile menu.
     */
    mobileLogoSrc: {
        type: StringConstructor;
    };
    /**
     * Whether to reverse the colours of the desktop navigation menu items.
     */
    reversedDesktopNavButton: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Whether to force the logo to be displayed (forced for mobile themes that don't need a menu)
     */
    forcedLogoSrc: {
        type: StringConstructor;
    };
}>, {
    parsedMenuItems: import("vue").ShallowRef<NavMenuItem[], NavMenuItem[]>;
    parsedAdditionalMenuItems: import("vue").ShallowRef<NavMenuItem[], NavMenuItem[]>;
    mergedActionMenuItems: import("vue").ComputedRef<NavMenuItem[]>;
    mobileMenuClass: import("vue").Ref<string, string>;
    isMobileMenuOpen: import("vue").Ref<boolean, boolean>;
    toggleMobileMenu: () => boolean;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action"[], "action", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    /**
     * An array of menu items
     * `{ to?: string | object; href?: string; label: string; external?: boolean; }`
     */
    menuItems: {
        type: PropType<FwNavigationMenuProps["menuItems"]>;
    };
    /**
     * An array of menu items
     * `{ to?: string | object; href?: string; label: string; external?: boolean; }`
     */
    additionalMenuItems: {
        type: PropType<FwNavigationMenuProps["menuItems"] | null>;
    };
    /**
     * @deprecated Use `actionLabels` instead.
     * The label for the action button. Emits the `action` event on click.
     */
    actionLabel: {
        type: StringConstructor;
    };
    /**
     * An array of action items shown in the user popover.
     * `{ label: string; onClick?: () => void; }`
     */
    actionMenuItems: {
        type: PropType<FwNavigationMenuProps["actionMenuItems"]>;
    };
    /**
     * The class for the container wrapper.
     */
    containerClass: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Whether menu items are enabled or disabled.
     */
    menuEnabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Whether the route is an authenticated route.
     */
    authenticated: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Padding for the inner menu, should match the sidebar menu width.
     */
    paddingClasses: {
        type: StringConstructor;
    };
    /**
     * Whether the background is transparent
     */
    transparent: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The logo image source url for the desktop menu.
     */
    logoSrc: {
        type: StringConstructor;
    };
    /**
     * The logo image source url for the mobile menu.
     */
    mobileLogoSrc: {
        type: StringConstructor;
    };
    /**
     * Whether to reverse the colours of the desktop navigation menu items.
     */
    reversedDesktopNavButton: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Whether to force the logo to be displayed (forced for mobile themes that don't need a menu)
     */
    forcedLogoSrc: {
        type: StringConstructor;
    };
}>> & Readonly<{
    onAction?: ((...args: any[]) => any) | undefined;
}>, {
    containerClass: string;
    menuEnabled: boolean;
    authenticated: boolean;
    transparent: boolean;
    reversedDesktopNavButton: boolean;
}, {}, {
    FwButton: import("vue").ComponentOptions;
    FwPopover: import("vue").ComponentOptions;
    UserSvg: VueConstructor<Vue>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;