import React from 'react';
import { Serializable } from 'exotic';
import { HTMLInputElementReact, InputValue, ObserverInputType } from './typings.inputs';
export * from './typings.inputs';
export declare type InputStringType = 'text' | 'radio' | 'radioGroup' | 'groupedElements' | 'textarea' | 'checkbox' | 'email' | 'telephone' | 'password' | 'confirmPassword' | 'button' | 'flatButton' | 'label' | 'googleAutoSugggest' | 'dropdown' | string;
export interface InputStateMethodsType<Props = any> {
    updateFocused(event: Event, input: InputStateType | React.Component<Props>): void;
    validateInput(input: InputStateType): void;
    validateInput(event: Event, input: InputStateType): void;
    setValue(value?: string | boolean): InputStateType;
    getValue(identifierOrName: string): any;
    setInputReference(input: HTMLInputElement): void;
    setProps(props: React.Attributes): void;
    toJSON(): Serializable;
    toString(): string;
}
export declare class InputStateType {
    dynamicState?: {
        [key: string]: any;
    };
    input: HTMLInputElementReact | ObserverInputType;
    value: InputValue;
    props: HTMLInputElementReact;
    index: number;
    isFocused: false | true;
    isValid: true | false;
    isValidInput: true | false;
    hasValidationError?: false | true;
    errorMessage?: string;
    errorMessageFor?: string;
    elementList?: Array<InputStateType>;
    /**
     * @description for checkboxes & radios
     */
    isSelected?: boolean;
    isRequired?: boolean;
    isEnabled?: boolean;
    identity?: 'name' | string;
    identifier?: string;
    name?: '' | string;
    _identifier?: string;
    /**
     * @todo Array
     * @description commaSeparatedArray or array (currently only array)
     */
    validationType?: string | Array<string | Function>;
    type?: InputStringType;
}
export declare type InputStateComposedType = InputStateType & InputStateMethodsType;
export interface ObserverInputComponent {
    state: InputStateType;
    props: {
        placeholderText: '';
        state: undefined;
        type: InputStringType;
        [key: string]: any;
    };
}
export interface InputTypeHandlers {
    handleChange(event: MouseEvent): void;
    handleFocus(event: MouseEvent): void;
    handleBlur(event: MouseEvent): void;
}
export declare type ReactInput = React.ComponentElement<InputStateType, ObserverInputComponent>;
export interface InputTypeActions {
    toggleCheckBox(): ReactInput;
    updateDropDownState(): ReactInput;
}
export interface RenderPropPluginCapable extends InputTypeHandlers, InputTypeActions {
    renderGroupBox(): ReactInput;
    renderTextBox(): ReactInput;
    renderTextArea(): ReactInput;
    renderRadioGroup(): ReactInput;
    renderCheckBox(): ReactInput;
    renderFlatButton(): ReactInput;
    renderLabel(): ReactInput;
    renderButton(): ReactInput;
    renderGoogleSuggestionInput(): ReactInput;
    renderSelectBoxWithHeading(): ReactInput;
    formControls(): ReactInput;
    renderWrap(): ReactInput;
}
export interface ObserverInputProps extends React.ClassAttributes<any> {
}