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 './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" element={<StationPage />} />
        </Routes>
      </Router>
    </div>
  );
}

export default App;
