import * as React from 'react';
import { ChangeEvent, CSSProperties, HTMLProps, KeyboardEvent } from 'react';
export type InputType = 'text' | 'number' | 'password';
export type TS_BaseInputProps<Key, Element> = Omit<HTMLProps<Element>, 'onChange' | 'onBlur'> & {
    type: InputType;
    style?: CSSProperties;
    id?: Key;
    onChange?: (value: string, id: Key) => void;
    onAccept?: (value: string, event: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
    onCancel?: () => void;
    onBlur?: (value: string, event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
    placeholder?: string;
    enable?: boolean;
    name?: string;
    value?: string;
    onKeyDown?: (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
    focus?: boolean;
    spellCheck?: boolean;
    autoComplete?: boolean;
    innerRef?: React.RefObject<any>;
};
type InputState = {
    id: string;
    name?: string;
    initialValue?: string;
    value?: string;
    placeholder?: string;
};
export declare abstract class TS_BaseInput<Key extends string, Props extends TS_BaseInputProps<Key, Input>, Input = HTMLInputElement | HTMLTextAreaElement> extends React.Component<Props, InputState> {
    protected ref?: HTMLInputElement | HTMLTextAreaElement;
    constructor(props: Props);
    static getDerivedStateFromProps(props: TS_BaseInputProps<any, any>, state: InputState): {
        id: any;
        name: string | undefined;
        initialValue: string | (readonly string[] & string) | undefined;
        value: string;
        placeholder: string | undefined;
    } | {
        value: string | undefined;
    };
    private static getInitialState;
    changeValue: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
}
export {};