import "../index";
import React from "react";
import {createRoot} from "react-dom/client";
import {DemoApp} from "./DemoApp";
import {createBrowserRouter} from "react-router-dom";
import {Kernel} from "../src/Application/Kernel";
import {NavTest} from "./NavTest";
import {Avocado} from "@phosphor-icons/react";
import {ApplicationError} from "../src/Application/ApplicationError";

// Router initialization.
const router = createBrowserRouter([
	{
		path: "/",
		element: <DemoApp />,
		children: [
			{
				path: "test",
				element: <NavTest />,
			}
		],
		errorElement: <ApplicationError />,
	}
])

document.addEventListener("DOMContentLoaded", () => {
	const demoApp = document.getElementById("demo-app");

	const root = createRoot(demoApp);

	root.render(<Kernel router={router} footer={
		<footer>
			<Avocado weight={"duotone"} size={32} />
			<div>Kernel</div>
		</footer>
	} />);
});