import type { ComputedRef, ExtractPropTypes, PropType, VNodeChild } from 'vue';
import type { MaybeArray } from '../../_utils';
import type { HeaderMenuOption, HeaderProps as HeaderPropsInterface, HeaderSearchResult, LangOption } from './interface';
export type HeaderSetupProps = ExtractPropTypes<typeof headerProps>;
export type HeaderProps = Partial<HeaderSetupProps>;
export declare const headerProps: {
    menuOptions: {
        type: PropType<HeaderPropsInterface["menuOptions"]>;
        default: () => never[];
    };
    langOptions: {
        type: PropType<HeaderPropsInterface["langOptions"]>;
        default: () => LangOption[];
    };
    defaultLang: {
        type: PropType<HeaderPropsInterface["defaultLang"]>;
    };
    menuPlacement: {
        type: PropType<HeaderPropsInterface["menuPlacement"]>;
        default: string;
    };
    menuTrigger: {
        type: PropType<HeaderPropsInterface["menuTrigger"]>;
        default: string;
    };
    menuValue: {
        type: PropType<HeaderPropsInterface["menuValue"]>;
    };
    activeMenuKey: {
        type: PropType<HeaderPropsInterface["activeMenuKey"]>;
        default: null;
    };
    menuTabsProps: {
        type: PropType<HeaderPropsInterface["menuTabsProps"]>;
        default: () => {};
    };
    menuCardMinColumnWidth: {
        type: PropType<HeaderPropsInterface["menuCardMinColumnWidth"]>;
        default: number;
    };
    logoSrc: {
        type: PropType<HeaderPropsInterface["logoSrc"]>;
        default: () => string;
    };
    logoAlt: {
        type: PropType<HeaderPropsInterface["logoAlt"]>;
        default: string;
    };
    responsive: {
        type: PropType<HeaderPropsInterface["responsive"]>;
        default: boolean;
    };
    isMobile: {
        type: PropType<HeaderPropsInterface["isMobile"]>;
        default: boolean;
    };
    mobileMenuType: {
        type: PropType<"drawer" | "dropdown">;
        default: string;
    };
    mobileActionsCollapse: {
        type: PropType<HeaderPropsInterface["mobileActionsCollapse"]>;
        default: boolean;
    };
    mobileShowFooterActions: {
        type: PropType<HeaderPropsInterface["mobileShowFooterActions"]>;
        default: boolean;
    };
    mobilePrimaryActionText: {
        type: PropType<HeaderPropsInterface["mobilePrimaryActionText"]>;
        default: undefined;
    };
    mobileSecondaryActionText: {
        type: PropType<HeaderPropsInterface["mobileSecondaryActionText"]>;
        default: undefined;
    };
    mobileShowHeaderActions: {
        type: PropType<HeaderPropsInterface["mobileShowHeaderActions"]>;
        default: boolean;
    };
    actionsProps: {
        type: PropType<HeaderPropsInterface["actionsProps"]>;
    };
    onSearch: PropType<HeaderPropsInterface["onSearch"]>;
    'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
    onUpdateMenuValue: PropType<MaybeArray<HeaderPropsInterface["onUpdateMenuValue"]>>;
    'onUpdate:activeMenuKey': PropType<MaybeArray<(value: string | number | null) => void>>;
    onUpdateActiveMenuKey: PropType<MaybeArray<(value: string | number | null) => void>>;
    theme: PropType<import("../../_mixins").Theme<"Header", {
        fontSize: string;
        fontBodyLarge: string;
        fontTitleSmall: string;
        backgroundColor: string;
        textColor: string;
        mutedTextColor: string;
        borderRadius: string;
        shadow: string;
        navigationGap: string;
        actionGap: string;
        tabTextColor: string;
        tabTextColorHover: string;
        tabTextColorActive: string;
        tabIndicatorColor: string;
        cardBackgroundColor: string;
        cardShadow: string;
        cardBorderRadius: string;
        cardTitleColor: string;
        cardItemColor: string;
        cardItemHoverColor: string;
        cardDividerColor: string;
        cardGap: string;
        cardPadding: string;
        badgeBackgroundColor: string;
        badgeTextColor: string;
        actionIconColor: string;
        actionIconColorHover: string;
        mobileBorderColor: string;
        mobileItemHoverColor: string;
        mobileItemPressedColor: string;
        mobileItemActiveColor: string;
        mobileGroupItemColor: string;
    }, unknown>>;
    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Header", {
        fontSize: string;
        fontBodyLarge: string;
        fontTitleSmall: string;
        backgroundColor: string;
        textColor: string;
        mutedTextColor: string;
        borderRadius: string;
        shadow: string;
        navigationGap: string;
        actionGap: string;
        tabTextColor: string;
        tabTextColorHover: string;
        tabTextColorActive: string;
        tabIndicatorColor: string;
        cardBackgroundColor: string;
        cardShadow: string;
        cardBorderRadius: string;
        cardTitleColor: string;
        cardItemColor: string;
        cardItemHoverColor: string;
        cardDividerColor: string;
        cardGap: string;
        cardPadding: string;
        badgeBackgroundColor: string;
        badgeTextColor: string;
        actionIconColor: string;
        actionIconColorHover: string;
        mobileBorderColor: string;
        mobileItemHoverColor: string;
        mobileItemPressedColor: string;
        mobileItemActiveColor: string;
        mobileGroupItemColor: string;
    }, unknown>>>;
    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Header", {
        fontSize: string;
        fontBodyLarge: string;
        fontTitleSmall: string;
        backgroundColor: string;
        textColor: string;
        mutedTextColor: string;
        borderRadius: string;
        shadow: string;
        navigationGap: string;
        actionGap: string;
        tabTextColor: string;
        tabTextColorHover: string;
        tabTextColorActive: string;
        tabIndicatorColor: string;
        cardBackgroundColor: string;
        cardShadow: string;
        cardBorderRadius: string;
        cardTitleColor: string;
        cardItemColor: string;
        cardItemHoverColor: string;
        cardDividerColor: string;
        cardGap: string;
        cardPadding: string;
        badgeBackgroundColor: string;
        badgeTextColor: string;
        actionIconColor: string;
        actionIconColorHover: string;
        mobileBorderColor: string;
        mobileItemHoverColor: string;
        mobileItemPressedColor: string;
        mobileItemActiveColor: string;
        mobileGroupItemColor: string;
    }, unknown>>>;
};
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
    menuOptions: {
        type: PropType<HeaderPropsInterface["menuOptions"]>;
        default: () => never[];
    };
    langOptions: {
        type: PropType<HeaderPropsInterface["langOptions"]>;
        default: () => LangOption[];
    };
    defaultLang: {
        type: PropType<HeaderPropsInterface["defaultLang"]>;
    };
    menuPlacement: {
        type: PropType<HeaderPropsInterface["menuPlacement"]>;
        default: string;
    };
    menuTrigger: {
        type: PropType<HeaderPropsInterface["menuTrigger"]>;
        default: string;
    };
    menuValue: {
        type: PropType<HeaderPropsInterface["menuValue"]>;
    };
    activeMenuKey: {
        type: PropType<HeaderPropsInterface["activeMenuKey"]>;
        default: null;
    };
    menuTabsProps: {
        type: PropType<HeaderPropsInterface["menuTabsProps"]>;
        default: () => {};
    };
    menuCardMinColumnWidth: {
        type: PropType<HeaderPropsInterface["menuCardMinColumnWidth"]>;
        default: number;
    };
    logoSrc: {
        type: PropType<HeaderPropsInterface["logoSrc"]>;
        default: () => string;
    };
    logoAlt: {
        type: PropType<HeaderPropsInterface["logoAlt"]>;
        default: string;
    };
    responsive: {
        type: PropType<HeaderPropsInterface["responsive"]>;
        default: boolean;
    };
    isMobile: {
        type: PropType<HeaderPropsInterface["isMobile"]>;
        default: boolean;
    };
    mobileMenuType: {
        type: PropType<"drawer" | "dropdown">;
        default: string;
    };
    mobileActionsCollapse: {
        type: PropType<HeaderPropsInterface["mobileActionsCollapse"]>;
        default: boolean;
    };
    mobileShowFooterActions: {
        type: PropType<HeaderPropsInterface["mobileShowFooterActions"]>;
        default: boolean;
    };
    mobilePrimaryActionText: {
        type: PropType<HeaderPropsInterface["mobilePrimaryActionText"]>;
        default: undefined;
    };
    mobileSecondaryActionText: {
        type: PropType<HeaderPropsInterface["mobileSecondaryActionText"]>;
        default: undefined;
    };
    mobileShowHeaderActions: {
        type: PropType<HeaderPropsInterface["mobileShowHeaderActions"]>;
        default: boolean;
    };
    actionsProps: {
        type: PropType<HeaderPropsInterface["actionsProps"]>;
    };
    onSearch: PropType<HeaderPropsInterface["onSearch"]>;
    'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
    onUpdateMenuValue: PropType<MaybeArray<HeaderPropsInterface["onUpdateMenuValue"]>>;
    'onUpdate:activeMenuKey': PropType<MaybeArray<(value: string | number | null) => void>>;
    onUpdateActiveMenuKey: PropType<MaybeArray<(value: string | number | null) => void>>;
    theme: PropType<import("../../_mixins").Theme<"Header", {
        fontSize: string;
        fontBodyLarge: string;
        fontTitleSmall: string;
        backgroundColor: string;
        textColor: string;
        mutedTextColor: string;
        borderRadius: string;
        shadow: string;
        navigationGap: string;
        actionGap: string;
        tabTextColor: string;
        tabTextColorHover: string;
        tabTextColorActive: string;
        tabIndicatorColor: string;
        cardBackgroundColor: string;
        cardShadow: string;
        cardBorderRadius: string;
        cardTitleColor: string;
        cardItemColor: string;
        cardItemHoverColor: string;
        cardDividerColor: string;
        cardGap: string;
        cardPadding: string;
        badgeBackgroundColor: string;
        badgeTextColor: string;
        actionIconColor: string;
        actionIconColorHover: string;
        mobileBorderColor: string;
        mobileItemHoverColor: string;
        mobileItemPressedColor: string;
        mobileItemActiveColor: string;
        mobileGroupItemColor: string;
    }, unknown>>;
    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Header", {
        fontSize: string;
        fontBodyLarge: string;
        fontTitleSmall: string;
        backgroundColor: string;
        textColor: string;
        mutedTextColor: string;
        borderRadius: string;
        shadow: string;
        navigationGap: string;
        actionGap: string;
        tabTextColor: string;
        tabTextColorHover: string;
        tabTextColorActive: string;
        tabIndicatorColor: string;
        cardBackgroundColor: string;
        cardShadow: string;
        cardBorderRadius: string;
        cardTitleColor: string;
        cardItemColor: string;
        cardItemHoverColor: string;
        cardDividerColor: string;
        cardGap: string;
        cardPadding: string;
        badgeBackgroundColor: string;
        badgeTextColor: string;
        actionIconColor: string;
        actionIconColorHover: string;
        mobileBorderColor: string;
        mobileItemHoverColor: string;
        mobileItemPressedColor: string;
        mobileItemActiveColor: string;
        mobileGroupItemColor: string;
    }, unknown>>>;
    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Header", {
        fontSize: string;
        fontBodyLarge: string;
        fontTitleSmall: string;
        backgroundColor: string;
        textColor: string;
        mutedTextColor: string;
        borderRadius: string;
        shadow: string;
        navigationGap: string;
        actionGap: string;
        tabTextColor: string;
        tabTextColorHover: string;
        tabTextColorActive: string;
        tabIndicatorColor: string;
        cardBackgroundColor: string;
        cardShadow: string;
        cardBorderRadius: string;
        cardTitleColor: string;
        cardItemColor: string;
        cardItemHoverColor: string;
        cardDividerColor: string;
        cardGap: string;
        cardPadding: string;
        badgeBackgroundColor: string;
        badgeTextColor: string;
        actionIconColor: string;
        actionIconColorHover: string;
        mobileBorderColor: string;
        mobileItemHoverColor: string;
        mobileItemPressedColor: string;
        mobileItemActiveColor: string;
        mobileGroupItemColor: string;
    }, unknown>>>;
}>, {
    mergedClsPrefix: import("vue").Ref<string, string>;
    cssVars: ComputedRef<{
        '--u-bezier': string;
        '--u-font-size': string;
        '--u-font-title-small': string;
        '--u-header-text-color': string;
        '--u-header-bg-color': string;
        '--u-header-radius': string;
        '--u-header-shadow': string;
        '--u-header-navigation-gap': string;
        '--u-header-action-gap': string;
        '--u-header-tab-text-color': string;
        '--u-header-tab-text-color-hover': string;
        '--u-header-tab-text-color-active': string;
        '--u-header-tab-indicator-color': string;
        '--u-header-card-bg-color': string;
        '--u-header-card-radius': string;
        '--u-header-card-title-color': string;
        '--u-header-card-item-color': string;
        '--u-header-card-item-hover-color': string;
        '--u-header-card-divider-color': string;
        '--u-header-card-gap': string;
        '--u-header-card-padding': string;
        '--u-header-card-shadow': string;
        '--u-header-badge-bg-color': string;
        '--u-header-badge-text-color': string;
        '--u-header-action-icon-color': string;
        '--u-header-action-icon-hover-color': string;
        '--u-header-card-min-col-width': string;
        '--u-header-mobile-border-color': string;
        '--u-header-mobile-item-hover-color': string;
        '--u-header-mobile-item-pressed-color': string;
        '--u-header-mobile-item-active-color': string;
        '--u-header-mobile-group-item-color': string;
    }>;
    themeClass: import("vue").Ref<string, string>;
    normalizedMenuItems: ComputedRef<{
        option: HeaderMenuOption;
        key: string | number;
    }[]>;
    mergedMenuValue: ComputedRef<string | number | null>;
    currentLang: import("vue").Ref<{
        label: string | (() => VNodeChild);
        key: string | number;
        icon?: (() => VNodeChild) | undefined;
    }, LangOption | {
        label: string | (() => VNodeChild);
        key: string | number;
        icon?: (() => VNodeChild) | undefined;
    }>;
    isMobile: import("vue").Ref<boolean, boolean>;
    mobileMenuVisible: import("vue").Ref<boolean, boolean>;
    searchVisible: import("vue").Ref<boolean, boolean>;
    menuPaneClass: ComputedRef<string>;
    menuPaneWrapperClass: ComputedRef<string>;
    mergedActiveMenuKey: ComputedRef<string | number | null>;
    handleSelectLang: (key: string | number) => void;
    handleMenuValueUpdate: (value: string | number | null) => void;
    handleSearchClick: () => void;
    handleSearchClose: () => void;
    handleSearch: (query: string) => Promise<HeaderSearchResult[]>;
    handleSearchResultSelect: (result: HeaderSearchResult) => void;
    handlePreviewClick: () => void;
    handleLogoutClick: () => void;
    handleLogoClick: () => void;
    toggleMobileMenu: () => void;
    closeMobileMenu: () => void;
    handleMobileMenuItemClick: (option: HeaderMenuOption) => void;
    handleMobilePrimaryAction: () => void;
    handleMobileSecondaryAction: () => void;
    handleUpdateActiveMenuKey: (value: string | number | null) => void;
    onRender: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ["search", "search-result-select", "preview", "logout", "language-select", "logo-click", "mobile-primary-action", "mobile-secondary-action", "update:activeMenuKey"], "search" | "logout" | "preview" | "search-result-select" | "language-select" | "logo-click" | "mobile-primary-action" | "mobile-secondary-action" | "update:activeMenuKey", import("vue").PublicProps, Readonly<ExtractPropTypes<{
    menuOptions: {
        type: PropType<HeaderPropsInterface["menuOptions"]>;
        default: () => never[];
    };
    langOptions: {
        type: PropType<HeaderPropsInterface["langOptions"]>;
        default: () => LangOption[];
    };
    defaultLang: {
        type: PropType<HeaderPropsInterface["defaultLang"]>;
    };
    menuPlacement: {
        type: PropType<HeaderPropsInterface["menuPlacement"]>;
        default: string;
    };
    menuTrigger: {
        type: PropType<HeaderPropsInterface["menuTrigger"]>;
        default: string;
    };
    menuValue: {
        type: PropType<HeaderPropsInterface["menuValue"]>;
    };
    activeMenuKey: {
        type: PropType<HeaderPropsInterface["activeMenuKey"]>;
        default: null;
    };
    menuTabsProps: {
        type: PropType<HeaderPropsInterface["menuTabsProps"]>;
        default: () => {};
    };
    menuCardMinColumnWidth: {
        type: PropType<HeaderPropsInterface["menuCardMinColumnWidth"]>;
        default: number;
    };
    logoSrc: {
        type: PropType<HeaderPropsInterface["logoSrc"]>;
        default: () => string;
    };
    logoAlt: {
        type: PropType<HeaderPropsInterface["logoAlt"]>;
        default: string;
    };
    responsive: {
        type: PropType<HeaderPropsInterface["responsive"]>;
        default: boolean;
    };
    isMobile: {
        type: PropType<HeaderPropsInterface["isMobile"]>;
        default: boolean;
    };
    mobileMenuType: {
        type: PropType<"drawer" | "dropdown">;
        default: string;
    };
    mobileActionsCollapse: {
        type: PropType<HeaderPropsInterface["mobileActionsCollapse"]>;
        default: boolean;
    };
    mobileShowFooterActions: {
        type: PropType<HeaderPropsInterface["mobileShowFooterActions"]>;
        default: boolean;
    };
    mobilePrimaryActionText: {
        type: PropType<HeaderPropsInterface["mobilePrimaryActionText"]>;
        default: undefined;
    };
    mobileSecondaryActionText: {
        type: PropType<HeaderPropsInterface["mobileSecondaryActionText"]>;
        default: undefined;
    };
    mobileShowHeaderActions: {
        type: PropType<HeaderPropsInterface["mobileShowHeaderActions"]>;
        default: boolean;
    };
    actionsProps: {
        type: PropType<HeaderPropsInterface["actionsProps"]>;
    };
    onSearch: PropType<HeaderPropsInterface["onSearch"]>;
    'onUpdate:menuValue': PropType<MaybeArray<(value: string | number | null) => void>>;
    onUpdateMenuValue: PropType<MaybeArray<HeaderPropsInterface["onUpdateMenuValue"]>>;
    'onUpdate:activeMenuKey': PropType<MaybeArray<(value: string | number | null) => void>>;
    onUpdateActiveMenuKey: PropType<MaybeArray<(value: string | number | null) => void>>;
    theme: PropType<import("../../_mixins").Theme<"Header", {
        fontSize: string;
        fontBodyLarge: string;
        fontTitleSmall: string;
        backgroundColor: string;
        textColor: string;
        mutedTextColor: string;
        borderRadius: string;
        shadow: string;
        navigationGap: string;
        actionGap: string;
        tabTextColor: string;
        tabTextColorHover: string;
        tabTextColorActive: string;
        tabIndicatorColor: string;
        cardBackgroundColor: string;
        cardShadow: string;
        cardBorderRadius: string;
        cardTitleColor: string;
        cardItemColor: string;
        cardItemHoverColor: string;
        cardDividerColor: string;
        cardGap: string;
        cardPadding: string;
        badgeBackgroundColor: string;
        badgeTextColor: string;
        actionIconColor: string;
        actionIconColorHover: string;
        mobileBorderColor: string;
        mobileItemHoverColor: string;
        mobileItemPressedColor: string;
        mobileItemActiveColor: string;
        mobileGroupItemColor: string;
    }, unknown>>;
    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Header", {
        fontSize: string;
        fontBodyLarge: string;
        fontTitleSmall: string;
        backgroundColor: string;
        textColor: string;
        mutedTextColor: string;
        borderRadius: string;
        shadow: string;
        navigationGap: string;
        actionGap: string;
        tabTextColor: string;
        tabTextColorHover: string;
        tabTextColorActive: string;
        tabIndicatorColor: string;
        cardBackgroundColor: string;
        cardShadow: string;
        cardBorderRadius: string;
        cardTitleColor: string;
        cardItemColor: string;
        cardItemHoverColor: string;
        cardDividerColor: string;
        cardGap: string;
        cardPadding: string;
        badgeBackgroundColor: string;
        badgeTextColor: string;
        actionIconColor: string;
        actionIconColorHover: string;
        mobileBorderColor: string;
        mobileItemHoverColor: string;
        mobileItemPressedColor: string;
        mobileItemActiveColor: string;
        mobileGroupItemColor: string;
    }, unknown>>>;
    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Header", {
        fontSize: string;
        fontBodyLarge: string;
        fontTitleSmall: string;
        backgroundColor: string;
        textColor: string;
        mutedTextColor: string;
        borderRadius: string;
        shadow: string;
        navigationGap: string;
        actionGap: string;
        tabTextColor: string;
        tabTextColorHover: string;
        tabTextColorActive: string;
        tabIndicatorColor: string;
        cardBackgroundColor: string;
        cardShadow: string;
        cardBorderRadius: string;
        cardTitleColor: string;
        cardItemColor: string;
        cardItemHoverColor: string;
        cardDividerColor: string;
        cardGap: string;
        cardPadding: string;
        badgeBackgroundColor: string;
        badgeTextColor: string;
        actionIconColor: string;
        actionIconColorHover: string;
        mobileBorderColor: string;
        mobileItemHoverColor: string;
        mobileItemPressedColor: string;
        mobileItemActiveColor: string;
        mobileGroupItemColor: string;
    }, unknown>>>;
}>> & Readonly<{
    onSearch?: ((...args: any[]) => any) | undefined;
    onPreview?: ((...args: any[]) => any) | undefined;
    onLogout?: ((...args: any[]) => any) | undefined;
    "onUpdate:activeMenuKey"?: ((...args: any[]) => any) | undefined;
    "onSearch-result-select"?: ((...args: any[]) => any) | undefined;
    "onLanguage-select"?: ((...args: any[]) => any) | undefined;
    "onLogo-click"?: ((...args: any[]) => any) | undefined;
    "onMobile-primary-action"?: ((...args: any[]) => any) | undefined;
    "onMobile-secondary-action"?: ((...args: any[]) => any) | undefined;
}>, {
    responsive: boolean | undefined;
    menuTrigger: import("./interface").HeaderMenuTrigger | undefined;
    menuOptions: HeaderMenuOption[] | undefined;
    langOptions: LangOption[] | undefined;
    menuPlacement: import("./interface").HeaderMenuPlacement | undefined;
    activeMenuKey: string | number | null | undefined;
    menuTabsProps: Partial<import("../..").TabsProps> | undefined;
    menuCardMinColumnWidth: string | number | undefined;
    logoSrc: string | undefined;
    logoAlt: string | undefined;
    isMobile: boolean | undefined;
    mobileActionsCollapse: boolean | undefined;
    mobileShowFooterActions: boolean | undefined;
    mobilePrimaryActionText: string | undefined;
    mobileSecondaryActionText: string | undefined;
    mobileShowHeaderActions: boolean | undefined;
    mobileMenuType: "drawer" | "dropdown";
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;