import { default as React, HTMLAttributes, ReactNode } from 'react'; import { BorderColor, ElementBorder, ElementElevation, ElementFont, ElementShape, WrapperProps } from '../../utils'; import { TextColor } from '../../types'; /** * Props for {@link TextBase}. * * Defines typography and visual styling for text-level elements, * plus outer placement (margin, positioning) via {@link WrapperProps}. * * @category Text */ export interface TextBaseProps extends Omit, 'color'>, WrapperProps { /** Custom HTML element/component. Default: span. */ as?: React.ElementType; /** Border width (0–5). */ border?: ElementBorder; /** Border color token. */ borderColor?: BorderColor; /** Text content. */ children?: ReactNode; /** Text color token. */ color?: TextColor; /** Semantic UUI element class (e.g. uui-text, uui-heading). */ elementClass?: string; /** Elevation level (0–5). */ elevation?: ElementElevation; /** Font token controlling typography (size, weight, line-height). */ font?: ElementFont; /** Shape/border-radius token. */ shape?: ElementShape; } /** * TextBase — core typography primitive powering semantic text components. * * Provides font tokens, color, border, shape and elevation styling * for inline-level and text semantic elements. * * Intended as a foundation for components such as Text, Heading, * Label or other typography-driven UI elements. * * @category Text * @function * @param props - Typography and visual styling props. */ export declare const TextBase: React.ForwardRefExoticComponent>;