import * as React from 'react';
import { MantineColor } from '@mantine/core';
import { IAboutAppModalConfig } from './AboutAppModal';
export declare function VisynHeader({ color, backgroundColor, height, components, }: {
    /**
     * Optional color to be used for the background. If it is part of the mantine colors, it uses the primary shade, otherwise it is interpreted as CSS color.
     */
    backgroundColor?: MantineColor;
    /**
     * Optional color to be used for the text. This must be in contrast with the given `backgroundColor`.
     */
    color?: MantineColor;
    /**
     * Extension components to be rendered within the header.
     */
    height?: React.CSSProperties['height'];
    components?: Partial<{
        beforeLeft: JSX.Element;
        burgerMenu: JSX.Element;
        title: JSX.Element;
        afterLeft: JSX.Element;
        beforeCenter: JSX.Element;
        center: JSX.Element;
        afterCenter: JSX.Element;
        beforeRight: JSX.Element;
        logo: JSX.Element;
        userAvatar: JSX.Element;
        userMenu: JSX.Element;
        configurationMenu: JSX.Element;
        afterRight: JSX.Element;
        aboutAppModal: IAboutAppModalConfig;
    }>;
}): React.JSX.Element;
//# sourceMappingURL=VisynHeader.d.ts.map