"use client";

import { useShowRefillModal } from "@/hooks/refill/useShowRefillModal";
import { useChat } from "@/providers/chat-provider";

import { MessageInput } from "..";

import styles from "./MessageInputWrapper.module.scss";

export default function MessageInputWrapper() {
  const { send, balance, chatId } = useChat();
  const { showRefillModal } = useShowRefillModal();

  // Блокируем отправку сообщений при нулевом или отрицательном балансе
  const disabled = (balance?.balance ?? 0) <= 0;

  const handleDisabledClick = () => {
    if (disabled && chatId) {
      showRefillModal(chatId);
    }
  };

  return (
    <div className={styles.container}>
      <div className={styles.inputWrapper}>
        <MessageInput
          onSend={send}
          disabled={disabled}
          onDisabledClick={handleDisabledClick}
        />
      </div>
    </div>
  );
}
