import { FC, ReactNode } from 'react';
import { ColorContentColors } from '../../varsTypes';
import { ClickHandler } from '../../types';
import { Style } from 'inlines';
import { NumberFormat } from '@based/pretty-number';
import { DateFormat } from '@based/pretty-date';
type TextProps = {
    children: ReactNode;
    color?: ColorContentColors | 'inherit';
    size?: 10 | 12 | 14 | 16 | 18 | 24 | 32 | 40 | 48;
    style?: Style;
    light?: boolean;
    weight?: 'strong' | 'medium' | 'normal';
    onClick?: ClickHandler;
    transform?: 'capitalize' | 'uppercase' | 'lowercase' | 'initial' | 'none';
    align?: 'left' | 'center' | 'right';
    truncate?: number | boolean;
    underline?: boolean;
    selectable?: 'none' | 'auto' | 'text' | 'contain' | 'all' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
    valueFormat?: NumberFormat | DateFormat;
};
export declare const Text: FC<TextProps>;
export {};
