import React from 'react';
interface DataTest {
    minusButton?: string;
    plusButton?: string;
}
declare type QuantityEditorAttributes = React.ComponentProps<'input'>;
export declare type QuantityEditorProps = QuantityEditorBaseProps & Omit<QuantityEditorAttributes, keyof QuantityEditorBaseProps | 'css'>;
export interface QuantityEditorBaseProps {
    className?: string;
    /**
     * To provide data-testid
     */
    dataTest?: DataTest;
    /**
     * Set QuantityEditor to disabled state, prevents interactivity.
     */
    disabled?: boolean;
    /**
     * Set language for label
     */
    lang?: 'en' | 'id';
    /**
     * Set maximum value of QuantityEditor.
     */
    max?: number;
    /**
     * Set minimum value of QuantityEditor.
     */
    min?: number;
    minusIcon?: boolean;
    plusIcon?: boolean;
    /**
     * To prevent users from directly editing value of the input. Users may still change value by clicking on min and plus icon
     */
    readonly?: boolean;
    /**
     * Set incrementer or decrementer number when Plus or Minus button clicked.
     */
    spinner?: number;
    /**
     * Set QuantityEditor current value.
     */
    value?: number | string;
    /**
     * To set the width of QuantityEditor
     */
    width?: string;
    /**
     * Set callback function when input value change, or Plus and Minus button clicked.
     */
    onChange?: (number: string | number, event?: React.MouseEvent<HTMLButtonElement> | React.ChangeEvent<HTMLInputElement>) => void;
    /**
     * To pass callback when minus icon is clicked
     */
    onClickMin?: (event: React.MouseEvent<HTMLButtonElement>) => void;
    /**
     * To pass callback when plus icon is clicked
     */
    onClickPlus?: (event: React.MouseEvent<HTMLButtonElement>) => void;
}
export {};