import { AbstractInputProps } from "../../input"; import { BoxProps } from "../../box"; import { ComponentProps, ReactElement, SyntheticEvent } from "react"; import { OmitInternalProps } from "../../shared"; import { ResponsiveProp } from "../../styling"; declare const DefaultElement = "input"; export interface InnerNumberInputProps extends Omit, "max" | "min" | "step" | "value"> { /** * The default value of `value` when uncontrolled. */ defaultValue?: number; /** * Whether or not the input take up the width of its container. */ fluid?: ResponsiveProp; /** * [Icon](/?path=/docs/icon--default-story) component rendered before the value. */ icon?: ReactElement; /** * Whether or not to render a loader. */ loading?: boolean; /** * The maximum value of the input. */ max?: number; /** * The minimum value of the input. */ min?: number; /** * Called when the input value change. * @param {SyntheticEvent} event - React's original event. * @param {number} value - The new value. * @returns {void} */ onValueChange?: (event: SyntheticEvent, value: number) => void; /** * The step used to increment or decrement the value. */ step?: number; /** * A controlled value. */ value?: number | null; /** * Additional props to render on the wrapper element. */ wrapperProps?: Partial; } export declare function InnerNumberInput(props: InnerNumberInputProps): JSX.Element; export declare namespace InnerNumberInput { var defaultElement: string; } /** * A number input is used to let the user enter a numeric value. * * [Documentation](https://orbit.sharegate.design/?path=/docs/number-input--default-story) */ export declare const NumberInput: import("react").ForwardRefExoticComponent, "ref"> & import("react").RefAttributes>; export declare type NumberInputProps = ComponentProps; export {};