import React from 'react';
import { BaseStyles } from 'src/utils/types/base-styles.type';
export interface TextInputSubProps {
    isEmpty: (value?: string) => boolean;
}
export interface TextInputProps {
    autoComplete?: string;
    id?: string;
    style?: {};
    styles?: BaseStyles;
    name?: string;
    value?: string;
    onChange?: React.ChangeEventHandler<HTMLInputElement>;
    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
    onBlur?: React.FocusEventHandler<HTMLInputElement>;
    onFocus?: React.FocusEventHandler<HTMLInputElement>;
    isAutoFocussed?: boolean;
    isDisabled?: boolean;
    isReadOnly?: boolean;
    hasError?: boolean;
    hasWarning?: boolean;
    placeholder?: string;
    horizontalConstraint?: 's' | 'm' | 'l' | 'xl' | 'scale';
    errorMessage?: string;
    clearButtonProps?: {
        enabled?: boolean;
        styles?: BaseStyles;
        theme?: string;
        clearFunction?: () => void;
    };
}
declare const TextInput: React.FC<TextInputProps> & TextInputSubProps;
export default TextInput;