import { CSSProperties, KeyboardEvent } from 'react';
import { UseFormChangeEvent } from 'src/lib/common/hooks/useForm';
export type InputMode = 'presentation' | 'normal' | 'small-fix' | 'small';
interface InputProps {
    value: string;
    onChange: (e: UseFormChangeEvent) => void;
    onKeyDown?: (e: KeyboardEvent) => void;
    id?: string;
    mask?: string;
    maskChar?: string;
    type?: string;
    isInValid?: boolean;
    error?: boolean;
    showError?: boolean;
    maxLength?: number;
    placeholder?: string;
    buttonProps?: {
        button: React.ReactNode;
    };
    mode?: InputMode;
    useSpaceAfter?: boolean;
    useSpaceBelow?: boolean;
    autoFocus?: boolean;
    wrapperStyle?: CSSProperties;
    inputStyle?: CSSProperties;
    borderColor?: string;
    bgColor?: string;
    handleOnBlur?: () => void;
}
export default function Input({ value, onChange, onSelect, onKeyDown, id, mask, maskChar, type, isInValid, error, showError, placeholder, mode, buttonProps, useSpaceAfter, useSpaceBelow, maxLength, autoFocus, wrapperStyle, inputStyle, borderColor, bgColor, handleOnBlur, }: InputProps & React.HTMLProps<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
export {};
