import { default as React } from 'react';
export interface TypographyProps {
    text?: string;
    children?: React.ReactNode;
    variant?: 'h5' | 'body1' | 'body2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h6' | string;
    color?: string;
    fontSize?: string;
    fontFamily?: string;
    fontWeight?: number | string;
    textAlign?: 'left' | 'center' | 'right';
    marginBottom?: string;
    marginTop?: string;
    width?: string;
    outline?: string;
    gutterBottom?: boolean;
    styles?: {
        variant?: string;
        color?: string;
        fontSize?: string;
        fontFamily?: string;
        fontWeight?: number | string;
        textAlign?: 'left' | 'center' | 'right';
        marginBottom?: string;
        marginTop?: string;
        marginLeft?: string;
        marginRight?: string;
        margin?: string;
        padding?: string;
        paddingLeft?: string;
        paddingRight?: string;
        paddingTop?: string;
        paddingBottom?: string;
        lineHeight?: string | number;
        letterSpacing?: string;
        textShadow?: string;
        fontStyle?: string;
        textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
        whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line';
        opacity?: number | string;
        maxWidth?: string;
        minWidth?: string;
        backgroundColor?: string;
        borderLeft?: string;
        flex?: string | number;
        alignSelf?: string;
        theme?: 'sacred' | 'dark' | 'light' | string;
        outline?: string | boolean;
        width?: string;
        gutterBottom?: boolean;
        borderRadius?: string;
        overflow?: 'visible' | 'hidden' | 'scroll' | 'auto' | string;
        textOverflow?: 'clip' | 'ellipsis' | string;
    };
}
declare const Typography: React.FC<TypographyProps>;
export default Typography;
//# sourceMappingURL=index.d.ts.map