/// <reference types="react" />
import { ButtonProps } from '../button/index.js';
import { FlyoutMenuButtonProps } from '../flyout-menu-button/index.js';
import { IconProps } from '../icon/index.js';
import { LinkRouter } from '../types/index.js';
type ClassNames = Partial<typeof defaultClassNames>;
type Theme = 'light' | 'dark' | '';
type LinkItem = {
    label: string;
    href: string;
    external?: boolean;
    icon?: React.ElementType;
    iconName?: IconProps['name'];
    iconType?: IconProps['type'];
};
export interface HeaderProps {
    className?: string;
    router?: LinkRouter;
    Logo?: React.ElementType;
    mpcTheme?: 'default' | 'playful';
    breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
    theme?: Theme;
    colorTheme?: 'primary' | 'accent' | 'third';
    onThemeChange?: (theme: Theme) => void;
    hideThemeToggle?: boolean;
    classNames?: ClassNames;
    Link?: React.ElementType;
    systemValue?: string;
    links: {
        label: any;
        href?: string;
        items?: LinkItem[];
        flyoutMenuType?: FlyoutMenuButtonProps['type'];
        callsToAction?: FlyoutMenuButtonProps['callsToAction'];
    }[];
    secondaryLink?: {
        label: string;
        href: string;
        external?: boolean;
        buttonTheme?: ButtonProps['theme'];
    };
    cta?: {
        label: string;
        labelLongSuffix?: string;
        href: string;
        theme?: ButtonProps['theme'];
        external?: boolean;
        icon?: React.ElementType;
    };
    children?: React.ReactNode;
}
declare const defaultClassNames: {
    responsive: {
        block: string;
        'ml-4': string;
        'ml-8': string;
        hidden: string;
    };
    logo: string;
    linksMarginLeftFistIndex: string;
    container: string;
};
declare function Header({ Logo, links, secondaryLink, cta, mpcTheme, className, router, hideThemeToggle, theme, onThemeChange, colorTheme, classNames, breakpoint, children, systemValue, }: HeaderProps): JSX.Element;
export default Header;