import { Properties } from "csstype";
import { ReactNode } from "react";
import { ColorProps, SpaceProps, TypographyProps } from "./system";
import { ResponsiveProp, SystemElements } from "./system/types";
export declare type TextProps = {
    id?: string;
    htmlFor?: string;
    as?: SystemElements;
    truncate?: Properties["width"];
    lineClamp?: ResponsiveProp<number>;
    children?: ReactNode;
    href?: string;
    className?: string;
    role?: string;
    title?: string;
} & TypographyProps & SpaceProps & Pick<ColorProps, "textColor">;
export declare const Text: ({ truncate, lineClamp, as, ...props }: TextProps) => import("@emotion/react/jsx-runtime").JSX.Element;