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

import App from "./components/app/App.jsx";
import NotFound from "./components/not_found/NotFound.jsx";

import "./reset.css";
import "./index.css";
import "@fontsource/heebo";

function BrowserRoutes() {
    return (
        <BrowserRouter>
            <Routes>
                <Route path="/*" element={<App />} />
                <Route path="*" element={<NotFound />} />
            </Routes>
        </BrowserRouter>
    );
}

const root = document.getElementById("root");
render(<BrowserRoutes />, root);