import { FC, HTMLAttributes, ReactNode, Ref } from 'react';
export type TextSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
export interface TextProps extends HTMLAttributes {
/**
* Optional class name applied to the text element.
* Useful for design tokens, theming, or scoped overrides.
*/
className?: string;
/**
* Content of the text component.
* Can be plain text, formatted nodes, or nested elements.
*/
children?: ReactNode | ReactNode[];
/**
* Visual size of the text, typically mapped to the design system’s type scale.
*/
size?: TextSize;
/**
* If true, renders the text as a child component using `Slot`.
* Useful for compatibility with native elements or other components.
*/
asChild?: boolean;
/**
* Font weight applied to the text.
* Common values:
*
* - 400: Regular
* - 500: Medium
* - 600: Semi-bold
* - 700: Bold
* - 900: Extra bold
*/
fontWeight?: 400 | 500 | 600 | 700 | 900;
/**
* Ref to the underlying `` or slotted element.
* Useful for measuring, focusing, or DOM manipulation.
*/
ref?: Ref;
}
/** Text is a UI component used to display readable content, such as labels, descriptions, or body text, with customizable styling */
export declare const Text: FC;