/// <reference types="react" />
import { CommonProps } from '../Element/Element';
import { ArrayElementType } from '../../types/utils/ArrayElementType';
export declare type TypographyProps<T extends SupportedTagName = 'span'> = {
    /** HTML tag name */
    tagName?: T;
    /** Force text to one row and cut with ellipsis */
    singleLine?: boolean;
    /** Convert text to uppercase */
    uppercase?: boolean;
    /** Strike through over the text */
    strikeThrough?: boolean;
    /** Customizable color */
    color?: SupportedTextColor;
    /** Font */
    font?: SupportedFont;
    /** Allow passing fontweight of normal, medium, bold */
    fontWeight?: SupportedFontWeight;
} & Omit<CommonProps<T>, 'fontWeight' | 'color'>;
declare function Typography<T extends SupportedTagName>({ tagName, font, children, singleLine, uppercase, strikeThrough, className, fontWeight, margin, block, ...props }: TypographyProps<T>): JSX.Element;
export declare const supportedTextColors: readonly ["orange800", "purple500", "purple400", "black", "white", "gray400", "gray500", "gray700", "gray800", "red400", "red600"];
export declare type SupportedTextColor = ArrayElementType<typeof supportedTextColors>;
export declare const supportedFontWeights: readonly ["normal", "medium", "bold"];
export declare type SupportedFontWeight = ArrayElementType<typeof supportedFontWeights>;
export declare const supportedTagNames: readonly ["label", "span", "div", "p", "h1", "h2", "h3", "h4", "h5", "h6"];
export declare type SupportedTagName = ArrayElementType<typeof supportedTagNames>;
export declare const supportedFonts: readonly ["teliasans", "teliasansHeading", "pebble"];
export declare type SupportedFont = ArrayElementType<typeof supportedFonts>;
export default Typography;