import React from 'react';
import { IFont } from '../fonts';
import { IColor } from '../colors';
import type { Property } from 'csstype';
type Element = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
type Align = 'left' | 'center';
export interface ITextProps extends React.HTMLAttributes<HTMLSpanElement> {
    /** Typographic variant. Defines how the text looks like */
    variant: IFont;
    /** Element type. Required for making semantically correct hierarchies, for example `h2` or `p` */
    element: Element;
    /** Color */
    color?: IColor;
    /** Text alignment */
    align?: Align;
    /** Setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box */
    overflowWrap?: Property.OverflowWrap;
}
/** Text helps present your content with correct hierarchy and font sizes */
export declare const Text: ({ variant, element, overflowWrap, color, align, ...props }: ITextProps) => React.JSX.Element;
export {};
//# sourceMappingURL=Text.d.ts.map