import { default as ITextProps } from './ITextProps'; /** * Text component for consistent text styling across the application * Supports various text types, weights, alignments and other text modifications * @param props {@link ITextProps} - The props for the Text component * @returns The Text component * * @example * ```tsx * // Basic usage * function App() { * return ( * This is a body text * ); * } * ``` * * @example * ```tsx * // Heading types * function HeadingsExample() { * return ( * <> * Heading 1 * Heading 2 * Heading 3 * Heading 4 * * ); * } * ``` * * @example * ```tsx * // Different text types * function TextTypesExample() { * return ( * <> * Body text for standard content * Lead text for introductory content * Large text for emphasis * Small text for less important information * Muted text for secondary information * const example = "code"; * * ); * } * ``` * * @example * ```tsx * // Font weight variations * function FontWeightsExample() { * return ( * <> * Regular weight text * Medium weight text * Semibold weight text * Bold weight text * * ); * } * ``` * * @example * ```tsx * // Text alignment options * function AlignmentExample() { * return ( * <> * Left aligned text * Center aligned text * Right aligned text * Justified text that spans multiple lines to demonstrate the justify alignment * * ); * } * ``` * * @example * ```tsx * // Text color variations * function ColorExample() { * return ( * <> * Default text * Primary text * Muted text * Success text * Danger text * Warning text * Info text * * ); * } * ``` * * @example * ```tsx * // Special styling * function SpecialStylingExample() { * return ( * <> * Strikethrough text * This text will be truncated if it exceeds the container width * * ); * } * ``` */ declare const Text: { ({ type, isStriked, align, weight, breakWord, truncate, maxLines, id, children, color, isLeading, as, }: ITextProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; export default Text;