import { Component, FocusEvent } from 'react';
import { Input, InputProps } from '@befe/brick-comp-input';
import { StateOperation } from '@befe/brick-utils';
import { FeatureCustomInput } from './create-custom-input';
import { PartialInputProps, PartialTimePickerIconProps } from './create-time-picker';
interface TimeUserInputProps extends PartialTimePickerIconProps, PartialInputProps {
    value: string;
    onChange: (value: string) => void;
    clearable: boolean;
    onFocus?: (e: FocusEvent) => void;
    onBlur?: (e: FocusEvent) => void;
    stateUserInput?: StateOperation<boolean>;
    stateOpen?: StateOperation<boolean>;
    refInput?: (node: Input | null) => void;
    size?: InputProps['size'];
}
interface TimeUserInputState {
    userInputText: string;
    hasFocus: boolean;
    isHover: boolean;
}
/**
 */
export declare class TimeUserInput extends Component<TimeUserInputProps, TimeUserInputState> {
    state: TimeUserInputState;
    featureCustomInput: FeatureCustomInput;
    closableIcon: {
        comp: Component<{}, {}, any>;
        opts: {
            isClearable: () => boolean;
            isDisabled: () => boolean;
            renderNode: () => import("react").ReactNode;
            hasValue: () => boolean;
            isFocus: () => boolean;
            onClear: () => void;
            hoverState: string;
        };
        state: {
            isHover: StateOperation<boolean, Record<string, any>>;
        };
        hooks: {
            mouseEnter: () => void;
            mouseLeave: () => void;
        };
        handleMouseDown: (e: import("react").MouseEvent<Element, MouseEvent>) => void;
        handleIconMouseEnter: () => void;
        handleIconMouseLeave: () => void;
        render: () => import("react").ReactNode;
    };
    private readonly handleChange;
    private readonly handleFocus;
    private readonly handleBlur;
    private readonly handleIconClick;
    private readonly handleKeyDown;
    render(): import("react/jsx-runtime").JSX.Element;
    private renderIcon;
}
export {};