export type TypographyHierarchy = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
export type TypographySize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
export type TypographyWeight = 'light' | 'normal' | 'semibold' | 'bold';
/**
 * A customizable typography component used to render text with different sizes, hierarchy, and weights.
 *
 * Note: When using heading elements (h1-h6), the default heading CSS styling can be accessed without modifying
 * the default size (size="md") and weight (weight="normal") properties. Default styling can be overridden by
 * providing your own custom values for the size or weight properties from the available options.
 */
export declare class ModusWCTypography {
    private inheritedAttributes;
    /** Reference to the host element */
    el: HTMLElement;
    /** Custom CSS class to apply to the typography element. */
    customClass?: string;
    /** The hierarchy of the typography component. */
    hierarchy: TypographyHierarchy;
    /** The text label to display. */
    label: string;
    /** The size of the font. */
    size?: TypographySize;
    /** The weight of the text. */
    weight?: TypographyWeight;
    componentWillLoad(): void;
    private getClasses;
    render(): any;
}