@bothub-chat/ui/dist/components/input-message/use-input.d.ts

Bothub UI Components

export type MessageSubmitKey = 'enter' | 'ctrlEnter';
interface UseInputProps {
    initialMessage?: string;
    disabled?: boolean;
    sendDisabled?: boolean;
    autoFocus?: boolean;
    messageSubmitKey?: MessageSubmitKey;
    onChange?: (value: string) => unknown;
    onSendMessage?: () => unknown;
    onTextAreaChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement, Element>) => unknown;
    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement, Element>) => unknown;
}
export declare const useInput: ({ initialMessage, disabled, sendDisabled, autoFocus, messageSubmitKey, onChange, onSendMessage, onTextAreaChange, onFocus, onBlur, }: UseInputProps) => {
    textareaRef: import("react").RefObject<HTMLTextAreaElement | null>;
    isFocus: boolean;
    height: string;
    message: string;
    setHeight: import("react").Dispatch<import("react").SetStateAction<string>>;
    setMessage: ((value: string) => unknown) | undefined;
    handleFocus: import("react").FocusEventHandler<HTMLTextAreaElement>;
    handleBlur: import("react").FocusEventHandler<HTMLTextAreaElement>;
    handleClick: () => void;
    handleChange: import("react").ChangeEventHandler<HTMLTextAreaElement>;
};
export {};