"use client";

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

import { MessageInput } from "..";

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

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

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

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