import React, { ReactElement } from 'react';
import { TextInput as RNTextInput, TextInputProps as RNTextInputProps } from 'react-native';
import { IconProps } from '../../Icon/Icon';
type NativeInputProps = Pick<RNTextInputProps, 'testID' | 'onFocus' | 'onBlur' | 'onChangeText' | 'onChange' | 'onKeyPress' | 'onSubmitEditing' | 'clearButtonMode' | 'autoComplete' | 'autoFocus' | 'autoCorrect' | 'autoCapitalize' | 'defaultValue' | 'value' | 'inputMode' | 'placeholder' | 'maxLength' | 'returnKeyType' | 'accessibilityLabel' | 'secureTextEntry' | 'keyboardType'>;
export type TextInputProps = NativeInputProps & {
    /** Whether the input is disabled */
    disabled?: boolean;
    /** Whether the input is in an invalid state */
    invalid?: boolean;
    /**
     * Icon to display at the start of the input
     * @example
     * ```tsx
     * <TextInput icon="Search" />
     * ```
     */
    icon?: IconProps['name'];
    /**
     * Button to display at the end of the input
     * Must be used with FieldButton component
     *
     * @example
     * ```tsx
     * <TextInput button={<FieldButton icon="Eye" />} />
     * ```
     */
    button?: ReactElement;
};
/**
 * Text input component with DS styles. Intended only for internal use
 * in combination with FormControl component.
 *
 * @example
 * ```tsx
 * <FormControl label="Label">
 *   <TextInput
 *     placeholder="Enter text"
 *     onChangeText={(text) => console.log(text)}
 *     disabled={false}
 *     invalid={false}
 *   />
 * </FormControl>
 * ```
 */
export declare const TextInput: React.ForwardRefExoticComponent<NativeInputProps & {
    /** Whether the input is disabled */
    disabled?: boolean | undefined;
    /** Whether the input is in an invalid state */
    invalid?: boolean | undefined;
    /**
     * Icon to display at the start of the input
     * @example
     * ```tsx
     * <TextInput icon="Search" />
     * ```
     */
    icon?: import("../../..").IconName | undefined;
    /**
     * Button to display at the end of the input
     * Must be used with FieldButton component
     *
     * @example
     * ```tsx
     * <TextInput button={<FieldButton icon="Eye" />} />
     * ```
     */
    button?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
} & React.RefAttributes<RNTextInput>>;
export {};
//# sourceMappingURL=TextInput.d.ts.map