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

import Greeter from "./components/greeter/Greeter.jsx";
import NotFound from "./components/not_found/NotFound.jsx";

import "./reset.css";
import "./index.css";
import "@fontsource/pitagon-sans-mono";

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

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