import { FC, ReactNode } from 'react';
import { FontColor, FontSize, ResponsiveProp } from '../../types';
import { HEADING_LEVELS_TYPE } from './Heading.constants';
export interface HeadingProps {
    /**
     * The DOM tag or react component to use for the element.
     * Select the appropriate semantic element (h1-h6).
     */
    as?: HEADING_LEVELS_TYPE;
    /**
     * Content of the heading. Can be a string or any valid DOM node.
     */
    children?: ReactNode;
    /**
     * Additional class names to add.
     */
    className?: string;
    /**
     * A variant token identifier to use for the text variant. Available variants found:
     * [here](https://github.com/palmetto/palmetto-design-tokens/blob/main/properties/color/font.json).
     */
    variant?: FontColor;
    /**
     * By default, size is determined by the chosen tag (e.g. h1 is bigger than h2).
     * However, size can be set independently so that its size is appropriate for the surrounding content.
     * Available sizes found:
     * [here](https://github.com/palmetto/palmetto-design-tokens/blob/main/properties/size/font.json).
     */
    size?: FontSize | ResponsiveProp<FontSize>;
    /**
     * Additional props to be spread to rendered element
     */
    [x: string]: any;
}
export declare const Heading: FC<HeadingProps>;