import React from 'react';
/**
 * The general-purpose TextBox component.
 * This component switches the variants of looks and behaviors depends on the props: size, invalid, disabled, enableClearButton.
 *
 * Also extends the props of `<input>` element
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input
 */
export declare const TextBox: React.ForwardRefExoticComponent<{
    enableClearButton?: boolean;
    onClear?: import("..").IconButtonProps["onClick"];
    invalid?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant["invalid"];
    textBoxSize?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant["size"];
    disabled?: import("../../styled-system/recipes").TextBoxSlotRecipeVariant["disabled"];
    wrapperProps?: React.ComponentPropsWithRef<"div">;
    prefixSlot?: React.ReactNode;
    suffixSlot?: React.ReactNode;
    clearButtonProps?: Pick<React.ComponentPropsWithoutRef<"input">, "aria-label">;
    touchDeviceReadOnly?: boolean;
} & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "prefix"> & React.RefAttributes<HTMLInputElement>>;