/// <reference types="react" />
import { Pseudos } from 'csstype';
import { Theme } from '../theme';
import { ResponsiveValue } from 'styled-system';
import { TextColorProps, TextAlignProps, TextShadowProps, TextStyleProps } from 'styled-system';
declare const styles: {
    '-1m': {
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
        letterSpacing: string;
        fontWeight: number;
    };
    '-1r': {
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
        letterSpacing: string;
        fontWeight: number;
    };
    '-1u': {
        letterSpacing: string;
        fontWeight: number;
        textTransform: string;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '1rserif': {
        letterSpacing: string;
        fontWeight: number;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '1r': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '1b': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '2r': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '2b': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '3r': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '3b': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '3serif': {
        letterSpacing: string;
        fontWeight: number;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '4b': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '5': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '5b': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '6': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
    '7': {
        letterSpacing: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        padding: string;
        '::before': {
            content: string;
            marginTop: string;
            display: string;
            height: number;
        };
        '::after': {
            content: string;
            marginBottom: string;
            display: string;
            height: number;
        };
    };
};
declare type TextVariant = '1r' | '1rserif' | '1b' | '2r' | '2b' | '3b' | '3r' | '3serif' | '4' | 4 | '4b' | '5' | 5 | '5b' | '6' | 6 | '7' | 7 | '-1m' | '-1r' | '-1b' | '-1u';
declare type BaseTextProps = TextColorProps & TextAlignProps & TextShadowProps & TextStyleProps;
export declare type TextProps = Partial<Omit<React.HTMLAttributes<any>, 'color'>> & {
    key?: any;
    as?: any;
    variant?: ResponsiveValue<TextVariant | null>;
    color?: ResponsiveValue<Pick<Theme, 'colors'> | string>;
    sx?: BaseTextProps & Partial<Record<Pseudos, BaseTextProps>>;
};
declare const Text: any;
export { Text as default, styles };