import React from "react";
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size"> {
    /** The ID of the input's description, is set along with hint text and error message. */
    "aria-describedby"?: string;
    /** If true, the component will be disabled */
    disabled?: boolean;
    /** HTML id attribute of the input */
    id?: string;
    /** Name of the input */
    name?: string;
    /** Specify a callback triggered on blur */
    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
    /** Specify a callback triggered on change */
    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
    /** Specify a callback triggered on focus */
    onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
    /** Placeholder string to be displayed in input */
    placeholder?: string;
    /** If true, the component will be read-only */
    readOnly?: boolean;
    /** Flag to configure component as mandatory */
    required?: boolean;
    /** The value of the input */
    value: string | readonly string[] | number;
    /** If true, the input will display error styling */
    error?: boolean;
    /** The width of the input as a percentage (e.g., 50 for 50%) */
    inputWidth?: number;
    /** Type of the icon that will be rendered next to the input */
    inputIcon?: React.ReactNode;
    /** Size of the input */
    size?: "small" | "medium" | "large";
    /** Emphasised text to be displayed before the input */
    prefix?: string;
    /** Additional children to be rendered before the input */
    leftChildren?: React.ReactNode;
    /** Text alignment within the input */
    align?: "left" | "right";
    /**
     * @private @internal @ignore
     */
    "data-is-transparent"?: boolean;
}
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
export default Input;