import { ReactNode } from 'react';
type Element = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'legend' | 'kbd';
type Variant = 'headingXs' | 'headingSm' | 'headingSmSpaced' | 'headingMd' | 'headingLg' | 'headingXl' | 'heading2xl' | 'heading3xl' | 'heading4xl' | 'bodySm' | 'bodyMd' | 'bodyLg';
type Alignment = 'start' | 'center' | 'end' | 'justify';
type FontWeight = 'regular' | 'medium' | 'semibold' | 'bold';
type Color = 'default' | 'medium' | 'subdued' | 'disabled' | 'critical' | 'warning' | 'success' | 'metadata' | 'highlight' | 'interactive' | 'onBgDefault' | 'onBgDisabled' | 'inherit';
export declare const VariantFontWeightMapping: {
    [V in Variant]: FontWeight;
};
export interface TextProps {
    /** Adjust horizontal alignment of text */
    alignment?: Alignment;
    /** The element type */
    as?: Element;
    /** Prevent text from overflowing */
    breakWord?: boolean;
    /** Prevent text from breaking */
    noBreak?: boolean;
    /** Text to display */
    children: ReactNode;
    /** Adjust color of text */
    color?: Color;
    /** Adjust weight of text */
    fontWeight?: FontWeight;
    /** HTML id attribute */
    id?: string;
    /** Use a numeric font variant with monospace appearance */
    numeric?: boolean;
    /** Truncate text overflow with ellipsis */
    truncate?: boolean;
    /** Typographic style of text */
    variant?: Variant;
    /** Visually hide the text */
    visuallyHidden?: boolean;
    /** Custom class name */
    className?: string;
}
export {};