import { Suspense } from "react";

import { PageLoadingFallback } from "@/app/_components/core";
import { ChatScreen } from "@/app/chat/chat-screen";

export default function ChatPage() {
  return (
    <Suspense fallback={<ChatFallback />}>
      <ChatScreen />
    </Suspense>
  );
}

function ChatFallback() {
  return (
    <PageLoadingFallback background="#111111" tone="dark">
      Loading chat...
    </PageLoadingFallback>
  );
}