"use client";
import { useState } from "react";
import ChatWindow from "./ChatWindow";


export default function Chat() {
  const [screenName, setScreenName] = useState("endlessbox5");
  const [stopStrings, setStopStrings] = useState(["user:", "assistant:"]);
  const [maxTokens, setMaxTokens] = useState(100);
  const [soundLevel, setSoundLevel] = useState(0.2);
  const [showConversationList, setShowConversationList] = useState(false);
  const [showOptions, setShowOptions] = useState(false);
  

  return (
    <div>
        <div className="flex justify-center m-3 gap-2">
          <div className="sm:w-[500px] w-full">
            <ChatWindow
              screenName={screenName}
              assistantScreenName={"SmartestChild"}
              maxTokens={maxTokens}
              stopStrings={stopStrings}
              soundLevel={soundLevel}
            />
          </div>
        </div>
    </div>
  );
}