import type { FieldProps } from 'informed';
import type { EventHandler, InputHTMLAttributes, SyntheticEvent } from 'react';
import type { DropdownOption, DropdownProps } from './Dropdown';
export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
    fullWidth?: boolean | undefined;
    inputType?: string | undefined;
    inputActionButton?: InputActionButtonProps | undefined;
}, never>;
export interface InputActionButtonProps {
    label: string;
    onClick: EventHandler<SyntheticEvent>;
}
export interface TextFieldExtraProps extends InputHTMLAttributes<HTMLInputElement> {
    fullWidth?: boolean;
    errorMessage?: string;
    inputActionButton?: InputActionButtonProps;
}
export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldExtraProps & import("react").RefAttributes<HTMLInputElement>>;
export declare function FormTextField(props: FieldProps<string, GenericObject> & TextFieldExtraProps): JSX.Element;
export interface FormDropdownProps extends Partial<DropdownProps> {
    options: DropdownOption[];
    initValue?: string;
}
export declare const FormDropdown: import("react").ComponentType<FieldProps<string, any> & FormDropdownProps>;