import AutoRequestAndInject from './AutoRequestAndInject';

export default function RoomPage({ params }: { params: { roomName: string } }) {
  const { roomName } = params;

  return (
    <div>
      <h1>Room: {roomName}</h1>
      <AutoRequestAndInject roomName={roomName} />
      {/* Aquí va el componente del estudio real (VideoConference) */}
      <div id="studio-root">
        {/* El estudio debe estar preparado para escuchar postMessage LIVEKIT_TOKEN */}
        <p>Esperando token para conectar al studio...</p>
      </div>
    </div>
  );
}