/** * A page or section heading. `as` chooses the heading level, which is what gives the heading its place in the document outline; `size`, `weight` and `contrast` only style it, so a heading's level and its size are chosen separately. * Use for the titles of a page and its sections. Use `dds-text` for body text, captions and inline text. * * @slot - The heading text. * @part root - The heading element chosen by `as`. */ export declare class Heading { host: HTMLElement; /** The heading level, which sets the heading's place in the document outline and its default size. */ as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6"; /** Which step of the type scale to render at. When not set, the size follows `as`. */ size?: "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl"; /** How heavy the heading is. */ weight: "normal" | "medium" | "semibold" | "bold"; /** How strongly the heading stands out against its background. */ contrast: "high" | "low"; /** Overrides the `text-align` the heading would inherit. */ textAlign?: "start" | "center" | "end" | "justify"; /** Overrides the `text-wrap` the heading would inherit. */ textWrap?: "wrap" | "nowrap" | "balance" | "pretty"; private shadowElement?; private inheritedAttributes; componentWillRender(): void; render(): import("@stencil/core/jsx-runtime").JSX.Element; }