import React from "react";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import Home from "./screens/Home";
import CreateStation from "./screens/CreateStation";
import JoinStation from "./screens/JoinStation";
import StationPage from "./screens/StationPage";
import "./App.css";

function App() {
  return (
    <div className="App">
      <Router>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/create-station" element={<CreateStation />} />
          <Route path="/join-station" element={<JoinStation />} />
          <Route path="/station/:id" element={<StationPage />} />
        </Routes>
      </Router>
    </div>
  );
}

export default App;