import { BreakpointSupport } from '../../../../helpers';
import { HeadingLevel } from '../heading/heading';
export type HeadingModifiers = `h${HeadingLevel}`;
export type TextModifiers = HeadingModifiers | 'normal' | 'small' | 'extra-small' | 'bold' | 'thin' | 'italic' | 'center' | 'left' | 'right' | 'nowrap' | 'break-all' | 'break-word' | 'break-spaces' | 'uppercase' | 'lowercase' | 'capitalize' | 'capitalize-first' | 'inline-block' | 'inline' | 'line-normal' | 'line-condensed' | 'subtitle';
export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'white' | 'disabled' | 'brand' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
export type TextElement = 'div' | 'p' | 'span' | 'li' | 'label' | HeadingModifiers;
type TextBreakpointProps = {
    /**
     * Additional class
     */
    className?: string;
    /**
     * Base element
     * @default p
     */
    element?: TextElement;
    /**
     * Single or multiple modifiers to change the text behavior
     */
    modifiers?: TextModifiers[] | TextModifiers;
    /**
     * Color of the text
     * Use 'success', 'important' or 'warning' with caution, usually they should not be in application UI
     * @default primary
     */
    color?: TextColor;
};
export interface TextProps extends BreakpointSupport<TextBreakpointProps> {
    /**
     * Children of the text
     */
    children: React.ReactNode;
    /**
     * ID attribute
     */
    id?: string;
    /**
     * Allows to focus the element
     */
    tabIndex?: number;
}
export declare const Text: (props: TextProps) => JSX.Element;
export {};