import * as React from "react"; import type { MergeElementProps } from "../typings"; interface TextBaseProps { /** * Applies the theme typography styles. */ variant: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle" | "subtitleSmall" | "body" | "bodySmall" | "caption" | "captionSmall"; /** * The content of the component. */ children?: React.ReactNode; /** * Append to the classNames applied to the component so you can override or * extend the styles. */ className?: string; /** * The color of the text. * @default "inherit" */ color?: "inherit" | "textPrimary" | "textSecondary" | "textHint" | "textDisabled" | "primary" | "secondary" | "error" | "success" | "warning" | "info"; /** * Set the text-align on the text. */ align?: "initial" | "inherit" | "left" | "center" | "right" | "justify"; /** * Set the font-weight on the text. */ weight?: "bold" | "medium" | "regular" | "light"; /** * Set the display on the component. * @default "initial" */ display?: "initial" | "block" | "inline" | "inline-block" | "flex" | "inline-flex"; /** * Set the text-overflow on the text. * @default "ellipsis" */ textOverflow?: "clip" | "ellipsis"; /** * If `true`, the text will not wrap, * but instead will truncate or clip based on the `textOverflow` prop provided. * * Note that text overflow can only happen * when the element has a width in order to overflow. * ('block', 'inline-block', 'flex', 'inline-flex') * @default false */ noWrap?: boolean; } export declare type TextProps = MergeElementProps; declare type Component = { (props: TextProps): JSX.Element; propTypes?: React.WeakValidationMap | undefined; displayName?: string | undefined; }; declare const Text: Component; export default Text;