import "@kernelui/core/lib/style.css";
import "../src/styles/smartable.less";

import React from "react";
import {createRoot} from "react-dom/client";
import {DemoApp} from "./DemoApp";
import {createBrowserRouter} from "react-router-dom";
import {Avocado} from "@phosphor-icons/react";
import {ApplicationError, Kernel} from "@kernelui/core";

// Router initialization.
const router = createBrowserRouter([
	{
		path: "/",
		element: <DemoApp />,
		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>
	} />);
});