import { HTMLAttributes } from 'react';
import { typography } from '../../../constants';
interface StyleProps {
    /**
     * font size styling for title
     * @default `body`
     */
    labelFontSize?: keyof typeof typography.sizes.text;
    /**
     * font size styling for number
     * @default `main`
     */
    numberFontSize?: 'main' | 'large' | 'lead' | 'small';
    /**
     * Position for the numerical value
     * @default `top`
     */
    numberPosition?: 'top' | 'bottom' | 'right' | 'left';
    /**
     * Override font weight for number and set to semi bold
     */
    semiBold?: boolean;
    /**
     * Where the rendered text should be aligned to.
     * @default 'center'
     */
    align?: 'left' | 'right' | 'center';
}
export interface NumberTextProps extends HTMLAttributes<HTMLDivElement>, StyleProps {
    title?: string;
    value?: number;
    fallback?: string;
    formatterOptions?: Intl.NumberFormatOptions;
    titleClassName?: string;
}
declare const NumberText: ({ title, value, fallback, numberPosition, labelFontSize, numberFontSize, formatterOptions, align, semiBold, titleClassName, ...rest }: NumberTextProps) => JSX.Element;
export default NumberText;