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>;