import { mode_selector } from "selector/mode-selector.js";
import { color_mode } from "settings/color-mode.js";
import { loading_screen } from "interface/loading-screen.js";

document.addEventListener("DOMContentLoaded", () => {
    const app = document.querySelector(".app");

    const color_setting = new color_mode(app);
    color_setting.update();

    const selector = new mode_selector(app);

    selector.on_space = () => {
        alert("Opening space");
    };

    selector.on_shelf = () => {
        alert("Shelf opened.");
    };

    selector.show();

    const loading_cover = document.querySelector(".loading");
    const loading = new loading_screen(loading_cover);
    
    setTimeout(() => {
        loading.hide();
    }, 200);
});