import { BrowserRouter, Route, Routes } from "react-router-dom";
import React from "react";

import "./styles/App.css";
import Calendar from "./pages/Calendar";
import Home from "./pages/Home";
import Login from "./pages/Login";
import Settings from "./pages/Settings";

export const AppStateContext = React.createContext();

function App() {
  return (
    <BrowserRouter>
      <AppStateContext.Provider value={[]}>
        <div className="App">
          <Routes>
            <Route path="*" element={<Home />} />
            <Route path="/calendar/*" element={<Calendar />} />
            <Route path="/login" element={<Login />} />
            <Route path="/settings" element={<Settings />} />
          </Routes>
        </div>
      </AppStateContext.Provider>
    </BrowserRouter>
  );
}

export default App;