import React from 'react';
import { ControlSkeletonProps } from '../control-skeleton';
export interface DumbInputProps extends Omit<ControlSkeletonProps, 'middleSlot'> {
    placeholder?: string;
    name?: string;
    type?: string;
    value?: string;
    defaultValue?: string;
    draggable?: boolean;
    autoComplete?: string;
    autoFocus?: boolean;
    maxLength?: number;
    min?: number;
    max?: number | string;
    step?: number;
    pattern?: string;
    inputMode?: React.InputHTMLAttributes<HTMLInputElement>['inputMode'];
    onSelect?: React.ReactEventHandler<HTMLInputElement>;
    onFocus?: React.FocusEventHandler<HTMLInputElement>;
    onBlur?: React.FocusEventHandler<HTMLInputElement>;
    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;
    onKeyPress?: React.KeyboardEventHandler<HTMLInputElement>;
    onChange?: React.ChangeEventHandler<HTMLInputElement>;
    onDragStart?: React.DragEventHandler<HTMLInputElement>;
    containerTabIndex?: number;
    inputClassName?: string;
    reference?: React.Ref<HTMLInputElement>;
    containerReference?: React.Ref<HTMLSpanElement>;
    onContainerFocus?: React.FocusEventHandler<HTMLSpanElement>;
}
export interface InputProps extends Omit<DumbInputProps, 'containerTabIndex' | 'onContainerFocus' | 'isFocused'> {
    autoSelectOnFocus?: boolean;
}
export declare function Input(props: DumbInputProps): JSX.Element;
export declare function InputControl(props: InputProps): JSX.Element;