import React from 'react';
import { ColorTokens } from '../../foundation/Colors';
import { TypographyTokens } from '../../foundation/Typography';
export type TypographyUIProps = {
    backgroundColorToken?: ColorTokens;
    colorToken: ColorTokens;
    typographyToken: TypographyTokens;
    whiteSpace: React.CSSProperties['whiteSpace'];
};
export declare const BaseTypography: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
} & TypographyUIProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
export declare const RainbowTypography: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
} & TypographyUIProps & React.ClassAttributes<HTMLParagraphElement> & React.HTMLAttributes<HTMLParagraphElement> & {
    theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;