import * as React from 'react';
import type { GeneratedId } from '../../../dom/id_generator/id_generator';
export type BaseInputSize = 'medium' | 'large';
export type BaseInputProps = {
    ref?: React.Ref<HTMLInputElement>
    type: string
    id?: GeneratedId | string
    value?: string
    defaultValue?: string
    placeholder?: string
    name?: string
    pattern?: string
    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode']
    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters'
    autoCorrect?: 'on' | 'off'
    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'
    className?: string
    inputClassName?: string
    iconClassName?: string
    icon?: InputIcon
    error?: boolean
    borderless?: boolean
    textAlignCenter?: boolean
    size?: BaseInputSize
    autoComplete?: string
    autoFocus?: AutoFocusOption
    required?: boolean
    readOnly?: boolean
    disabled?: boolean
    disableSpellcheck?: boolean
    maxLength?: number
    min?: number | string
    max?: number | string
    step?: number | 'any'
    blurOnEnterKeyDown?: boolean
} & BaseInputA11yProps & BaseInputDecoratorProps & BaseInputEventHandlerProps;
type BaseInputDecoratorProps = {
    start?: InputDecoration
    end?: InputDecoration
};
type BaseInputA11yProps = {
    role?: 'combobox' | 'searchbox' | 'spinbutton'
    ariaRoleDescription?: string
    ariaLabel?: string
    ariaLabelledBy?: string
    ariaDescribedBy?: string
    ariaControls?: string
    ariaAutoComplete?: 'inline' | 'list' | 'both' | 'none'
    ariaActiveDescendant?: string
    ariaExpanded?: boolean
    ariaHasPopup?: 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog'
    ariaValueNow?: number
    ariaValueText?: string
    ariaValueMin?: number
    ariaValueMax?: number
};
export type BaseInputChangeHandler = (
value: string, 
e?: React.ChangeEvent<HTMLInputElement>) => void;
export type BaseInputChangeCompleteHandler = (
value: string) => void;
type BaseInputEventHandlerProps = {
    onChange?: BaseInputChangeHandler
    onChangeComplete?: BaseInputChangeCompleteHandler
    onBlur?: React.FocusEventHandler<HTMLInputElement>
    onFocus?: React.FocusEventHandler<HTMLInputElement>
    onPaste?: React.ClipboardEventHandler<HTMLInputElement>
    onClick?: React.MouseEventHandler<HTMLInputElement>
    onMouseDown?: React.MouseEventHandler<HTMLInputElement>
    onMouseUp?: React.MouseEventHandler<HTMLInputElement>
    onContextMenu?: React.MouseEventHandler<HTMLInputElement>
    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>
    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>
};
export type AutoFocusOption = 'on-desktop' | 'always' | 'never';
export type InputIcon = {
    type: IconType;
    align: 'start' | 'end';
};
type IconType = 'search' | 'credit-card' | 'credit-card-expiry' | 'credit-card-verification' | 'link' | 'location' | 'email' | 'person';
export type InputDecoration = (() => React.ReactNode) | React.ReactNode;
export declare function useFocusState(): {
    isFocused: boolean;
    isKeyboardMode: boolean;
    setFocused: (value: boolean) => boolean;
};
export declare function useOnWrapperClick<T extends HTMLElement = HTMLInputElement>(): {
    ref: React.RefObject<T | null>;
    onClick: (e: React.MouseEvent) => void;
};
export declare const BaseInput: React.ComponentType<BaseInputProps>;
export {};