import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import "@gsandf/et/style.css";
import "@theme/global.css";
import { Icon } from "@gsandf/et/atoms";
import "@fontsource-variable/alegreya/wght.css";
import "@fontsource-variable/manrope/wght.css";
import { Button, type ButtonProps } from "@atoms/Button";
import { OverridesContext } from "@gsandf/et/overrides";
import App from "./App.tsx";
import ArrowRight from "./assets/icons/arrow-right.svg?react";
import ButtonLeft from "./assets/icons/button-left.svg?react";
import ButtonRight from "./assets/icons/button-right.svg?react";
import Handicap from "./assets/icons/Handicap.svg?react";
import Home from "./assets/icons/Home.svg?react";

Icon.set({
	"handicap": Handicap,
	"home": Home,
	"button-right": ButtonRight,
	"button-left": ButtonLeft,
	"arrow-right": ArrowRight,
});

// biome-ignore lint/style/noNonNullAssertion: createRoot...
createRoot(document.getElementById("root")!).render(
	<StrictMode>
		<OverridesContext.Provider<{ Button: ButtonProps }>
			value={{
				Button,
			}}
		>
			<App />
		</OverridesContext.Provider>
	</StrictMode>,
);