import { listen } from "@tauri-apps/api/event";
import { appWindow } from "@tauri-apps/api/window";
import { For, createSignal } from "solid-js";
import { render } from "solid-js/web";
import "./Asset/CSS/Window.css";
import Corner from "./Element/Corner.jsx";

const [mode, setMode] = createSignal(window.settings.mode);

await appWindow.setIgnoreCursorEvents(true);

await listen(
	"mode",
	async (event: { payload: { message: { Mode: string } } }) => {
		setMode(event.payload.message.Mode);
	}
);

const Window = () => {
	return (
		<div class="Window" data-label={appWindow.label} data-mode={mode()}>
			<For each={["BottomLeft", "BottomRight", "TopLeft", "TopRight"]}>
				{(corner: string) => <Corner id={corner} />}
			</For>
		</div>
	);
};

render(() => <Window />, document.getElementById("window") as HTMLElement);