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

export default async function RoomByIdPage({ params }: { params: Promise<{ roomId: string }> }) {
  const { roomId } = await params;
  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="/lobby" className="text-xs" style={{ color: "var(--ink-soft)" }}>
          回到大廳
        </Link>
      </div>
      <RoomChatView roomId={roomId} />
    </main>
  );
}