import { default as React } from 'react';
import { IconName } from '../Icon';
import { StateType } from '../StyledInput/StyledInput';
import { InputTheme } from './Input.types';

type InputTypeSpecificProps = {
    type?: 'text' | 'password' | 'search';
    value?: string;
    defaultValue?: string;
} | {
    type: 'number';
    min?: number | string;
    max?: number | string;
    step?: number | string;
    value?: number | string;
    defaultValue?: number | string;
};
export type InputProps = InputTypeSpecificProps & {
    name?: string;
    id?: string;
    theme?: InputTheme;
    tabIndex?: number;
    autofocus?: boolean;
    pattern?: RegExp;
    fullWidth?: boolean;
    className?: string;
    containerClassName?: string;
    placeholder?: string;
    placeholderIcon?: IconName;
    state?: StateType;
    disabled?: boolean;
    loading?: boolean;
    backdropBlur?: boolean;
    spellCheck?: boolean;
    decorator?: React.ReactNode | (() => React.ReactNode);
    ref?: React.Ref<HTMLInputElement>;
    onChange?: (value: string) => void;
    onSubmit?: () => void;
    onKeyDown?(event: React.KeyboardEvent<HTMLInputElement>): void;
};
declare function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;
export default Input;