import * as React from 'react';
import { ResponsiveCSSProps } from '../../util/css-props';
import type { Theme } from '../../theme';
interface Props<X extends React.ElementType> extends ResponsiveCSSProps {
    as: X;
    children?: React.ReactNode;
    variant?: keyof Theme['text'];
}
/**
 * The <Text /> component gets treated as any text HTML element with
 * any theme variants styles. For example: you can have an H1 dom
 * element with H3 theme styles.
 *
 * @param as HTML ELement
 * @param children React Child
 * @param variant Theme text variant
 */
export declare const Text: React.ForwardRefExoticComponent<Props<React.ElementType<any>> & React.RefAttributes<unknown>>;
export {};