import Link from "next/link";
import { RoomView } from "./RoomView";

export default function RoomPage() {
  return (
    <main className="mx-auto flex w-full max-w-md flex-1 flex-col gap-4 p-6">
      <div className="flex items-center justify-between">
        <h1 className="text-lg font-bold" style={{ color: "var(--accent)" }}>
          多人房間
        </h1>
        <Link href="/room/solo" className="text-xs" style={{ color: "var(--ink-soft)" }}>
          回到聊天
        </Link>
      </div>
      <RoomView />
    </main>
  );
}