import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
import { TypographyVariant } from '../../../../types/src/typography';
import { CSSResultGroup, TemplateResult } from 'lit';

/**
 * @summary Use headings for page titles or subheadings to introduce content.
 * Headings are sized to contrast with content, increase visual hierarchy, and help readers easily understand the structure of content.
 *
 * @csspart base - The component’s base wrapper.
 *
 * @cssproperty [--color=inherit] - The color of the text.
 * @cssproperty [--font-family=var(--cx-font-sans)] - The font family of the text.
 */
export default class CxTypography extends CortexElement {
    static readonly styles: CSSResultGroup;
    variant: TypographyVariant;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-typography': CxTypography;
    }
}
