import React, { useContext } from 'react';
import { useLocation } from 'react-router';
import { Main } from '../components/common/Main';
import { Canvas } from '../components/room/Canvas';
import { Chat } from '../components/room/Chat';
import { RoomInfo } from '../components/room/RoomInfo';
import SocketContext from '../contexts/SocketContext';

export const Room: React.FC = () => {
  return (
    <Main>
      <RoomInfo />
      <div className='w-full flex'>
          <Canvas />
          <Chat />
      </div>
    </Main>
  );
}