import React from "react";
import type { Theme } from "@emotion/react";
import type { BaseColors, OverflowWrap, Hyphens, TextAlignment } from "src/types";
import type { ElementType } from "react";
export type HeaderProps = {
    as?: ElementType<any, "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "p">;
    children: React.ReactNode;
    "data-e2e-test-id"?: string;
    /** @ignore */
    "data-ds-id"?: string;
    id?: string;
    color?: BaseColors;
    overflowWrap?: OverflowWrap;
    hyphens?: Hyphens;
    align?: TextAlignment;
} & React.HTMLAttributes<HTMLHeadingElement>;
export type HeaderComponent = "H1" | "H2" | "H3" | "H4" | "H5" | "H6";
export declare function getLineHeightAndFontSize(theme: Theme): Record<HeaderComponent, {
    fontSize: string;
    lineHeight: number;
}>;
export declare const H1: ({ "data-ds-id": dataDsId, ...props }: HeaderProps) => React.ReactElement;
export declare const H2: ({ "data-ds-id": dataDsId, ...props }: HeaderProps) => React.ReactElement;
export declare const H3: ({ "data-ds-id": dataDsId, ...props }: HeaderProps) => React.ReactElement;
export declare const H4: ({ "data-ds-id": dataDsId, ...props }: HeaderProps) => React.ReactElement;
export declare const H5: ({ "data-ds-id": dataDsId, ...props }: HeaderProps) => React.ReactElement;
export declare const H6: ({ "data-ds-id": dataDsId, ...props }: HeaderProps) => React.ReactElement;