"use client";

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

import { MessageInput, Suggestions } from "..";

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

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

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