import React from 'react';
import type { BaseProps } from '../component-helpers';
export declare const HeadingSizes: readonly ["display", "1", "2", "3", "4", "5", "6", "subhead-large", "subhead-medium"];
export declare const HeadingTags: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
export declare const HeadingWeights: readonly ["heavy", "extrabold", "bold", "semibold", "medium", "normal", "light", "extralight"];
export declare const HeadingStretch: readonly ["condensed", "normal", "expanded"];
export declare const HeadingLetterSpacing: readonly ["condensed", "normal", "none"];
export declare const HeadingFontVariants: readonly ["mona-sans", "hubot-sans", "monospace"];
export declare const defaultHeadingTag: "h2";
export declare const defaultHeadingFont: "mona-sans";
type HeadingWeightVariants = (typeof HeadingWeights)[number];
type HeadingStretchVariants = (typeof HeadingStretch)[number];
type HeadingLetterSpacingVariants = (typeof HeadingLetterSpacing)[number];
type HeadingFontVariants = (typeof HeadingFontVariants)[number];
type HeadingTextWrapVariants = 'wrap' | 'balance';
type ResponsiveStretchMap = {
    narrow?: HeadingStretchVariants;
    regular?: HeadingStretchVariants;
    wide?: HeadingStretchVariants;
};
type ResponsiveLetterSpacingMap = {
    narrow?: HeadingLetterSpacingVariants;
    regular?: HeadingLetterSpacingVariants;
    wide?: HeadingLetterSpacingVariants;
};
type ResponsiveWeightMap = {
    narrow?: HeadingWeightVariants;
    regular?: HeadingWeightVariants;
    wide?: HeadingWeightVariants;
};
export declare const classMap: {
    h1: "1";
    h2: "2";
    h3: "3";
    h4: "4";
    h5: "5";
    h6: "6";
};
export type HeadingProps = {
    /** Semantic heading level (`h1`–`h6`) only. Use `size` to apply the correct visual size. */
    as?: (typeof HeadingTags)[number];
    /**
     * Controls the visual size, independent of `as`. Should be used whenever as prop is used, as the defaults may not be ideal for all use-cases.
     *
     * @example
     * <Heading as="h2" size="4">This h2 will appear visually identical to an h4</Heading>
     */
    size?: (typeof HeadingSizes)[number];
    weight?: HeadingWeightVariants | ResponsiveWeightMap;
    stretch?: HeadingStretchVariants | ResponsiveStretchMap;
    letterSpacing?: HeadingLetterSpacingVariants | ResponsiveLetterSpacingMap;
    font?: HeadingFontVariants;
    textWrap?: HeadingTextWrapVariants;
} & React.HTMLAttributes<HTMLHeadingElement> & BaseProps<HTMLHeadingElement>;
/**
 * Use the heading component to render titles or subtitle text.
 */
export declare const Heading: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeadingProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
export {};
//# sourceMappingURL=Heading.d.ts.map