import React from 'react';
import { ThemeProvider, CssBaseline } from '@mui/material';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import theme from './theme';
import CreateSession from './pages/CreateSession';

import SessionPage from './pages/SessionPage';

function App() {
  return (
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <Router>
        <Routes>
          <Route path="/" element={<CreateSession />} />
          {/* Other routes will be added here */}
          <Route path="/session/:sessionId" element={<SessionPage />} />
        </Routes>
      </Router>
    </ThemeProvider>
  );
}

export default App;
