import React from 'react'; import { IconComponent, IconPropSize } from '../../../icons/_Icon/Icon'; import { AutoCompete } from '../../../utils/types/AutoComplete'; import { TextFieldPropForm, TextFieldPropId, TextFieldPropName, TextFieldPropOnChange, TextFieldPropSize, TextFieldPropStatus, TextFieldPropValue, TextFieldPropView, TextFieldPropWidth } from '../../TextField/TextField'; import { EventInterceptorHandler } from '../EventInterceptor'; export declare type Props = { className?: string; value?: TextFieldPropValue; onChange?: TextFieldPropOnChange; id?: TextFieldPropId; name?: TextFieldPropName; type?: string; disabled?: boolean; cols?: number; maxLength?: number; size?: TextFieldPropSize; view?: TextFieldPropView; form?: TextFieldPropForm; state?: TextFieldPropStatus; width?: TextFieldPropWidth; onFocus?: React.FocusEventHandler; onBlur?: React.FocusEventHandler; autoFocus?: boolean; placeholder?: string; leftSide?: string | IconComponent; rightSide?: string | IconComponent; autoComplete?: AutoCompete; max?: number | string; min?: number | string; readOnly?: boolean; required?: boolean; step?: number | string; tabIndex?: number; inputRef?: React.Ref; ariaLabel?: string; iconSize?: IconPropSize; children?: never; }; export declare const useTextFieldEventsHandler:

| undefined; onBlur?: React.FocusEventHandler | undefined; autoFocus?: boolean | undefined; placeholder?: string | undefined; leftSide?: string | IconComponent | undefined; rightSide?: string | IconComponent | undefined; withClearButton?: boolean | undefined; autoComplete?: AutoCompete | undefined; max?: string | number | undefined; min?: string | number | undefined; readOnly?: boolean | undefined; required?: boolean | undefined; step?: string | number | undefined; tabIndex?: number | undefined; inputContainerRef?: React.Ref | undefined; inputRef?: React.Ref | undefined; ariaLabel?: string | undefined; iconSize?: IconPropSize | undefined; children?: undefined; label?: string | undefined; caption?: string | undefined; labelPosition?: "left" | "right" | "bottom" | "top" | undefined; focused?: boolean | undefined; } & Omit, "css" | "autoFocus" | "className" | "id" | "placeholder" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "disabled" | "view" | "size" | "form" | "status" | "step" | "caption" | "label" | "max" | "min" | "name" | "type" | "width" | "value" | "autoComplete" | "maxLength" | "readOnly" | "required" | "cols" | "inputRef" | "focused" | "ariaLabel" | "state" | "leftSide" | "rightSide" | "withClearButton" | "inputContainerRef" | "iconSize" | "labelPosition"> & { rows?: undefined; minRows?: undefined; maxRows?: undefined; } & { rightSide?: string | IconComponent | undefined; } & React.RefAttributes>(props: P, handler: EventInterceptorHandler, ref: React.RefObject) => P;