import { ComponentProps, ElementType, ReactNode } from 'react'; export type TextSize = 'xs' | 'sm' | 'md' | 'lg'; export type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold' | 'mono'; export type TextAlignment = 'left' | 'center' | 'right'; export type TextColor = 'default' | 'muted' | 'danger' | 'disabled' | 'warning'; export type TextWrap = 'wrap' | 'nowrap' | 'break-word' | 'break-all'; export interface TextProps { /** The text content to display */ children: ReactNode; /** The text alignment */ align?: TextAlignment; /** The text color variant */ color?: TextColor; /** The font size of the text */ size?: TextSize; /** The font weight of the text */ weight?: TextWeight; /** Additional CSS class name */ className?: string; /** Custom component to render as */ component?: T; /** Whether the text should fill the full width of its container */ fillWidth?: boolean; /** Text wrapping, unset by default - inherits from parent */ wrap?: TextWrap; } type TextPolymorphicComponent = (props: Omit, keyof TextProps> & TextProps) => ReactNode; export declare const Text: TextPolymorphicComponent; export {};