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

import Sidebar from "./components/sidebar.js"
import Main from "./components/main.js"
import "./App.css";



export default function App() {

    return (
        <>
        <BrowserRouter>
        <Sidebar/>
        <Routes>
            <Route index element={<Main text="Homepage"/>}></Route>
            <Route path="/news" element={<Main text="News"/>}></Route>
            <Route path="/records" element={<Main text="Records"/>}></Route>
            <Route path="/leaderboards" element={<Main text="Leaderboards"/>}></Route>
            <Route path="/discussions" element={<Main text="Discussion"/>}></Route>
            <Route path="/scorelog" element={<Main text="Score logs"/>}></Route>
            <Route path="/profile" element={<Main text="Profile"/>}></Route>
            <Route path="/rules" element={<Main text="Rules"/>}></Route>
            <Route path="/about" element={<Main text="About"/>}></Route>
            <Route path="*" element={<Main text="404"/>}></Route>
        </Routes>
        </BrowserRouter>
        </>
    )
}