declare const variants: {
    readonly xl: {
        readonly fontFamily: "Manrope, sans-serif";
        readonly fontSize: "56px";
        readonly lineHeight: "1.143em";
        readonly htmlElement: "h1";
    };
    readonly lg: {
        readonly fontFamily: "Manrope, sans-serif";
        readonly fontSize: "48px";
        readonly lineHeight: "1.167em";
        readonly htmlElement: "h2";
    };
    readonly md: {
        readonly fontFamily: "Manrope, sans-serif";
        readonly fontSize: "32px";
        readonly lineHeight: "1.125em";
        readonly htmlElement: "h3";
    };
    readonly sm: {
        readonly fontFamily: "Manrope, sans-serif";
        readonly fontSize: "24px";
        readonly lineHeight: "1.333em";
        readonly htmlElement: "h4";
    };
    readonly xs: {
        readonly fontFamily: "Manrope, sans-serif";
        readonly fontSize: "20px";
        readonly lineHeight: "1.4em";
        readonly htmlElement: "h5";
    };
};
type VarientOptions = keyof typeof variants;
type HeaderProps = {
    size?: VarientOptions;
};
/**
 * @deprecated Use `CopyVariant as Copy` instead.  Use `component='h#'` to turn any Copy component into a Header tag.  This component will be removed in a future release.  CopyVariant replaces Header, Copy, and Text.
 */
export declare const Header: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {
    as: "h1" | "h2" | "h3" | "h4" | "h5";
    size: "md" | "xs" | "sm" | "lg" | "xl";
} & HeaderProps, "size" | "as">;
export {};