import * as React from "react";
import { IInjectedStylingProps } from "@webbio/utils";
export interface ITextFieldProps extends IInjectedStylingProps {
    ariaLabel?: string;
    disabled?: boolean;
    fullWidth?: boolean;
    icon?: JSX.Element;
    iconPosition?: "left" | "right";
    id?: string;
    isInvalid?: boolean;
    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
    placeholder?: string;
    readOnly?: boolean;
    type: string;
    value: string;
    deleteIcon?: JSX.Element;
    onDelete?: () => void;
    maxLength?: number;
}
declare const TextField: {
    new (props: any): {
        render(): JSX.Element;
        context: any;
        setState<K extends "styleUtil">(state: import("@webbio/utils/dist/higher-order").IWithStylingState | ((prevState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, props: Readonly<Pick<ITextFieldProps, "iconPosition" | "readOnly" | "disabled" | "fullWidth" | "icon" | "ariaLabel" | "id" | "isInvalid" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "type" | "value" | "deleteIcon" | "onDelete" | "maxLength"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>) => import("@webbio/utils/dist/higher-order").IWithStylingState | Pick<import("@webbio/utils/dist/higher-order").IWithStylingState, K> | null) | Pick<import("@webbio/utils/dist/higher-order").IWithStylingState, K> | null, callback?: (() => void) | undefined): void;
        forceUpdate(callback?: (() => void) | undefined): void;
        readonly props: Readonly<Pick<ITextFieldProps, "iconPosition" | "readOnly" | "disabled" | "fullWidth" | "icon" | "ariaLabel" | "id" | "isInvalid" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "type" | "value" | "deleteIcon" | "onDelete" | "maxLength"> & import("@webbio/utils/dist/higher-order").IWithStylingProps> & Readonly<{
            children?: React.ReactNode;
        }>;
        state: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>;
        refs: {
            [key: string]: React.ReactInstance;
        };
        componentDidMount?(): void;
        shouldComponentUpdate?(nextProps: Readonly<Pick<ITextFieldProps, "iconPosition" | "readOnly" | "disabled" | "fullWidth" | "icon" | "ariaLabel" | "id" | "isInvalid" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "type" | "value" | "deleteIcon" | "onDelete" | "maxLength"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, nextContext: any): boolean;
        componentWillUnmount?(): void;
        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<ITextFieldProps, "iconPosition" | "readOnly" | "disabled" | "fullWidth" | "icon" | "ariaLabel" | "id" | "isInvalid" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "type" | "value" | "deleteIcon" | "onDelete" | "maxLength"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, prevState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>): any;
        componentDidUpdate?(prevProps: Readonly<Pick<ITextFieldProps, "iconPosition" | "readOnly" | "disabled" | "fullWidth" | "icon" | "ariaLabel" | "id" | "isInvalid" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "type" | "value" | "deleteIcon" | "onDelete" | "maxLength"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, prevState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, snapshot?: any): void;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<Pick<ITextFieldProps, "iconPosition" | "readOnly" | "disabled" | "fullWidth" | "icon" | "ariaLabel" | "id" | "isInvalid" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "type" | "value" | "deleteIcon" | "onDelete" | "maxLength"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<ITextFieldProps, "iconPosition" | "readOnly" | "disabled" | "fullWidth" | "icon" | "ariaLabel" | "id" | "isInvalid" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "type" | "value" | "deleteIcon" | "onDelete" | "maxLength"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<Pick<ITextFieldProps, "iconPosition" | "readOnly" | "disabled" | "fullWidth" | "icon" | "ariaLabel" | "id" | "isInvalid" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "type" | "value" | "deleteIcon" | "onDelete" | "maxLength"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<ITextFieldProps, "iconPosition" | "readOnly" | "disabled" | "fullWidth" | "icon" | "ariaLabel" | "id" | "isInvalid" | "onBlur" | "onChange" | "onFocus" | "placeholder" | "type" | "value" | "deleteIcon" | "onDelete" | "maxLength"> & import("@webbio/utils/dist/higher-order").IWithStylingProps>, nextState: Readonly<import("@webbio/utils/dist/higher-order").IWithStylingState>, nextContext: any): void;
    };
    contextType?: React.Context<any> | undefined;
};
export { TextField };
