import * as React from 'react';
export declare enum Appearance {
    H1 = "H1",
    H2 = "H2",
    H3 = "H3",
    H4 = "H4"
}
export declare type TagName = 'h1' | 'h2' | 'h3' | 'h4';
export interface Props {
    /** any nodes to be rendered (usually text nodes) */
    children?: React.ReactNode;
    /** is the text has dark or light skin */
    light?: boolean;
    /** typography of the heading */
    appearance?: Appearance;
}
export interface State {
    tagName: TagName;
}
export declare class Heading extends React.PureComponent<Props, State> {
    static displayName: string;
    static defaultProps: Props;
    state: {
        tagName: TagName;
    };
    render(): JSX.Element;
}