/// <reference types="react" />
import { FieldMetaState, FieldInputProps } from 'react-final-form';
import { CSSProperties } from 'styled-components';
export type { FieldInputProps };
/** Common input props, apply to all input types */
export interface InputProps<FieldValue = unknown, T extends HTMLElement = HTMLElement> {
    /** use this only if when you are using react-final-form, other props would override this */
    input?: Partial<FieldInputProps<any, T>>;
    /** use this only if when you are using react-final-form, other props would override this */
    meta?: FieldMetaState<any>;
    isDisabled?: boolean;
    /** error message */
    error?: string;
    /** hide error message even with error on, this would indicate color red without error message */
    hideErrorMsg?: boolean;
    renderTitle?: (props: {
        isActive?: boolean;
    }) => void;
    /** add tooltip at the end of title */
    tooltip?: {
        text?: string;
        image?: string;
    };
    /** Optional title */
    title?: string;
    /** show star at title */
    isRequired?: boolean;
    /** input value, undefined means use internal value instead of external control */
    value?: FieldValue;
    onBlur?: (event?: React.FocusEvent<T>) => void;
    onFocus?: (event?: React.FocusEvent<T>) => void;
    onKeyDown?: (e: React.KeyboardEvent<T>) => void;
    /** value changed event, it could come from click/keydown other events. */
    onChange?: (value: FieldValue, event?: React.SyntheticEvent<T>) => void;
    passedRef?: any;
    /** id attached to input body */
    inputId?: string;
    style?: CSSProperties;
    className?: string;
}