/* eslint-disable */
"use client";

import PageHeading from "@/lib/components/ui/PageHeading";

import { ChatInput, ChatMessages } from "../components";
import { ChatProvider } from "./context/ChatContext";

export default function ChatPage() {
  return (
    <main className="flex flex-col w-full pt-10">
      <section className="flex flex-col flex-1 items-center w-full h-full min-h-screen">
        <PageHeading
          title="Chat with your brain"
          subtitle="Talk to a language model about your uploaded data"
        />
        <ChatProvider>
          <div className="relative h-full w-full flex flex-col flex-1 items-center">
            <div className="h-full flex-1 w-full flex flex-col items-center">
              <ChatMessages />
            </div>
            <ChatInput />
          </div>
        </ChatProvider>
      </section>
    </main>
  );
}
