import { HTMLAttributes, ReactNode } from 'react';
import { FontSizeType, FontWeightType } from '../../system/ThemeProvider/lib/types';
export type TextProps = HTMLAttributes<HTMLElement> & {
    children: ReactNode;
    size?: FontSizeType;
    weight?: FontWeightType;
};
/**
 * ## Text
 *
 * @example <Text>Okay Cool</Text>
 *          <Text size="small">Okay Cool</Text>
 *          <Text weight="bold">Okay Cool</Text>
 */
export declare const Text: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, HTMLAttributes<HTMLElement> & {
    children: ReactNode;
    size?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
    weight?: "normal" | "bold" | undefined;
}, never>;
