import { ReactNode, default as React } from 'react';
import { SafeOmit, SafePick } from '../../../.deps/utils/src';
import { FieldProps } from '../../Field/Field';
import { FieldLabelProps } from '../../Field/FieldLabel';
import { NumberInputProps } from '../../Inputs/NumberInput/NumberInput';
import { LabelAfterProps } from '../../LabelAfter/LabelAfter';
/** @inheritdoc */
export interface NumberFieldProps extends SafePick<FieldProps, 'tooltip' | 'required' | 'disabled' | 'readOnly'>, SafePick<FieldLabelProps, 'justify'>, SafeOmit<NumberInputProps, 'error' | 'warning' | 'label'> {
    /**
     * Label for the input element.
     */
    label: string;
    /**
     * Visually hide the label.
     */
    labelHidden?: FieldLabelProps['visuallyHidden'];
    /**
     * Helper text instructing user on how to fill out the field that are critical and should be resolved to continue.
     * Passing `true` marks the field invalid without a message.
     */
    error?: ReactNode;
    /**
     * Helper text instructing user on how to fill out the field that are not critical to resolve to continue.
     */
    warning?: ReactNode;
    /**
     * Helper text instructing user on how to fill out the field. Using hint over placeholder text is preferred.
     */
    hint?: ReactNode;
    /**
     * Addon to the right of the input.
     *
     * **INTERNAL USE ONLY:** It is unsafe to rely on this prop, as it may change or be removed in the future.
     * @internal
     */
    UNSAFE_addon?: React.ReactNode;
    /**
     * Label displayed after the input element.
     */
    labelAfter?: LabelAfterProps['label'];
    /**
     * Display loading indicator.
     */
    loading?: boolean;
}
export declare const NumberField: React.FC<NumberFieldProps>;