import * as React from 'react';
import '@vtmn/css-quantity/dist/index-with-vars.css';
import { VtmnQuantitySize } from './types';
export interface VtmnQuantityProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
    /**
     * The id of the quantity.
     * @type {string}
     */
    id: string;
    /**
     * The label attached to the quantity.
     * @type {string}
     * @defaultValue undefined
     */
    label?: string;
    /**
     * The value of the quantity.
     * @type {number}
     * @defaultValue 0
     */
    value?: number;
    /**
     * The step applied to the value of the quantity.
     * @type {number}
     * @defaultValue 1
     */
    step?: number;
    /**
     * The size of the quantity.
     * @defaultValue 'medium'
     */
    size?: VtmnQuantitySize;
    /**
     * Disabled state of the quantity.
     * @type {boolean}
     * @defaultValue false
     */
    disabled?: boolean;
    /**
     * Displays the quantity at 100% of its parent's width
     * @type {boolean}
     * @defaultValue false
     */
    fullWidth?: boolean;
    /**
     * The minimum value of the quantity.
     * @type {number}
     * @defaultValue 0
     */
    min?: number;
    /**
     * The minimum value of the quantity.
     * @type {number}
     * @defaultValue Infinity
     */
    max?: number;
    /**
     * The error to display when value is out of bounds.
     * @type {string}
     * @defaultValue undefined
     */
    error?: string;
    /**
     * Called when quantity's value has changed
     * @type {void}
     * @defaultValue undefined
     */
    onChange?: (newQuantity: number, action: string) => void;
}
export declare const VtmnQuantity: React.ForwardRefExoticComponent<VtmnQuantityProps & React.RefAttributes<HTMLInputElement>>;
declare const MemoVtmnQuantity: React.MemoExoticComponent<React.ForwardRefExoticComponent<VtmnQuantityProps & React.RefAttributes<HTMLInputElement>>>;
export default MemoVtmnQuantity;