import React from 'react';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import { socket, SocketProvider } from './contexts/SocketContext';
import { Login } from './pages/Login';
import { Room } from './pages/Room';
import { Rooms } from './pages/Rooms';

const App: React.FC = () => {
  return (
    <SocketProvider value={socket}>
      <Router>
        <Switch>
          <Route exact path='/' component={Login}/>
          <Route path='/rooms' component={Rooms}></Route>
          <Route path='/:roomId' component={Room}></Route>
        </Switch>
      </Router>
    </SocketProvider>
  );
}

export default App;