export declare const NUMERICTEXTBOX_CLASSNAME = "k-numerictextbox";
declare const states: ("required" | "loading" | "focus" | "invalid" | "disabled" | "readonly" | "hover" | "valid")[];
declare const options: {
    size: ("small" | "medium" | "large")[];
    rounded: ("small" | "medium" | "full" | "large")[];
    fillMode: ("flat" | "outline" | "solid")[];
};
export type KendoNumericTextboxOptions = {
    size?: (typeof options.size)[number] | null;
    rounded?: (typeof options.rounded)[number] | null;
    fillMode?: (typeof options.fillMode)[number] | null;
};
export type KendoNumericTextboxProps = KendoNumericTextboxOptions & {
    prefix?: React.JSX.Element;
    suffix?: React.JSX.Element;
    separators?: boolean;
    value?: string;
    placeholder?: string;
    showSpinButton?: boolean;
    showClearButton?: boolean;
};
export type KendoNumericTextboxState = {
    [K in (typeof states)[number]]?: boolean;
};
export declare const NumericTextbox: {
    (props: KendoNumericTextboxProps & KendoNumericTextboxState & React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
    states: ("required" | "loading" | "focus" | "invalid" | "disabled" | "readonly" | "hover" | "valid")[];
    options: {
        size: ("small" | "medium" | "large")[];
        rounded: ("small" | "medium" | "full" | "large")[];
        fillMode: ("flat" | "outline" | "solid")[];
    };
    className: string;
    defaultOptions: {
        showSpinButton: boolean;
        showClearButton: boolean;
        size: "medium";
        rounded: "medium";
        fillMode: "solid";
        separators: boolean;
    };
};
export default NumericTextbox;