declare const variants: {
    readonly xl: {
        readonly fontFamily: "Cosmica, sans-serif";
        readonly fontSize: "56px";
        readonly lineHeight: "1.143em";
        readonly htmlElement: "h1";
    };
    readonly lg: {
        readonly fontFamily: "Cosmica, sans-serif";
        readonly fontSize: "48px";
        readonly lineHeight: "1.167em";
        readonly htmlElement: "h2";
    };
    readonly md: {
        readonly fontFamily: "Cosmica, sans-serif";
        readonly fontSize: "32px";
        readonly lineHeight: "1.125em";
        readonly htmlElement: "h3";
    };
    readonly sm: {
        readonly fontFamily: "Cosmica, sans-serif";
        readonly fontSize: "24px";
        readonly lineHeight: "1.333em";
        readonly htmlElement: "h4";
    };
    readonly xs: {
        readonly fontFamily: "Cosmica, sans-serif";
        readonly fontSize: "20px";
        readonly lineHeight: "1.4em";
        readonly htmlElement: "h5";
    };
};
type VarientOptions = keyof typeof variants;
type HeaderProps = {
    size?: VarientOptions;
};
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 {};