import * as React from 'react';
import { TextInputProps as RNTextInputProps } from 'react-native';
import { Palette, Size } from 'bumbag/types';
import { BoxProps } from '../Box';
import { IconProps } from '../Icon';
import { FieldWrapperProps } from '../FieldWrapper';
export declare type LocalInputProps = {
    accessibilityLabelledBy?: string;
    /** Icon to place before the input. */
    iconAfter?: string;
    iconAfterProps?: Partial<IconProps>;
    /** Icon to place after the input. */
    iconBefore?: string;
    iconBeforeProps?: Partial<IconProps>;
    inputProps?: Partial<InputProps>;
    inputRef?: React.Ref<any>;
    /** Label of the input. */
    label?: string;
    /** Label color of the input. Can be any color in your palette. */
    labelTextColor?: Palette;
    labelProps?: any;
    palette?: Palette;
    /** Placeholder color of the input. Can be any color in your palette. */
    placeholderTextColor?: Palette;
    /** State of the input. Can be any color in your palette. */
    state?: Palette;
    /** Alters the size of the input. Can be "small", "medium" or "large" */
    size?: Size;
};
export declare type InputProps = BoxProps & RNTextInputProps & LocalInputProps;
export declare const Input: React.ForwardRefExoticComponent<Omit<import("bumbag/types").CSSProperties, "pointerEvents"> & import("react-native").ViewProps & import("../Box").LocalBoxProps & {
    active?: boolean;
    focus?: boolean;
    hover?: boolean;
    hoveractive?: boolean;
} & RNTextInputProps & LocalInputProps & React.RefAttributes<unknown>> & {
    displayName?: string;
    useProps: (props?: Partial<InputProps>, config?: {
        disableCSSProps?: string[];
        themeKey?: string;
    }) => any;
};
export declare type LocalInputFieldProps = {
    /** Additional props for the Input component */
    inputProps?: InputProps;
    /** If addonBefore or addonAfter exists, then the addons will render vertically. */
    orientation?: 'vertical' | 'horizontal';
    useInlineLabel?: boolean;
};
export declare type InputFieldProps = BoxProps & FieldWrapperProps & InputProps & LocalInputFieldProps;
export declare const InputField: React.ForwardRefExoticComponent<Omit<import("bumbag/types").CSSProperties, "pointerEvents"> & import("react-native").ViewProps & import("../Box").LocalBoxProps & {
    active?: boolean;
    focus?: boolean;
    hover?: boolean;
    hoveractive?: boolean;
} & import("../FieldWrapper").LocalFieldWrapperProps & RNTextInputProps & LocalInputProps & LocalInputFieldProps & React.RefAttributes<unknown>> & {
    displayName?: string;
    useProps: (props?: Partial<InputFieldProps>, config?: {
        disableCSSProps?: string[];
        themeKey?: string;
    }) => any;
};