export type TitleTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
export type TitleAppearances = 'titleFeature' | 'title1' | 'title2' | 'title3' | 'title4' | 'title5' | 'title6';
export interface TitleProps {
    children: React.ReactNode;
    /** Gives a unique id to the title */
    id?: string;
    /** Adds custom classes to the element. */
    className?: string;
    /** Adds top and bottom margin in rem. */
    margin?: number | TitleMargin;
    /** Changes the underlying element of the title. */
    htmlMarkup?: TitleTags;
    /** Changes the appearance of the title. */
    appearance?: TitleAppearances;
    /** Sets the tabIndex. Use this with caution. */
    tabIndex?: number;
    /** Sets the data-testid attribute. */
    testId?: string;
    /** Ref passed to the heading element */
    ref?: React.Ref<HTMLHeadingElement | null>;
}
export declare const Title: React.FC<TitleProps>;
export interface TitleMargin {
    marginTop: number;
    marginBottom: number;
}
export default Title;