/// <reference types="react" />
export declare type MappedLink<Link> = {
    href?: string;
    label: string;
    isButton: boolean;
    highlightText?: string;
    order: number;
    target?: string;
    links?: Link[];
    isHighlight?: boolean;
    nofollow?: boolean;
};
export declare type LinkFormatted<IconFormatted> = {
    label: string;
    href: string;
    highlight?: boolean;
    target: string;
    icon?: IconFormatted;
    nofollow?: boolean;
};
export declare type IconFormatted = {
    alternativeText: string;
    caption: string;
    url: string;
};
export interface NavLinksProps {
    /**
     * Array of link objects the header will use to create dropdowns and buttons
     */
    mappedLinks: MappedLink<LinkFormatted<IconFormatted>>[];
    /**
     * webProperty that header will be used on, changes logo on left side
     */
    webProperty: 'originprotocol' | 'ousd' | 'oeth' | 'defi' | 'story';
    /**
     * Currently displayed page of navigation bar
     */
    active?: string;
    /**
     * Is this being used on a mobile hamburger drawer? Used to enlarge text if so.
     */
    isMobile?: boolean;
    /**
     * Tailwind background color class of the header
     */
    background?: string;
}
export interface HeaderProps {
    /**
     * webProperty that header will be used on, changes logo on left side
     */
    webProperty: 'originprotocol' | 'ousd' | 'oeth' | 'defi' | 'story';
    /**
     * Array of link objects the header will use to create dropdowns and buttons
     */
    mappedLinks: MappedLink<LinkFormatted<IconFormatted>>[];
    /**
     * Currently displayed page of navigation bar
     */
    active?: string;
    className?: string;
    /**
     * Tailwind background color class of the header
     */
    background?: string;
}
export declare const Header: ({ webProperty, mappedLinks, background, active, className }: HeaderProps) => JSX.Element;