import { bg } from "../js/color.js";
import { Stear, SWindow, _,s } from "../stear/main.js";
import { fadein, fadeout, wait } from "../stear/utils.js";
import { LightMode } from "./elems/mode.jsx";
import menu from "./menu.jsx";


export const preRender = true;

var wobel = Stear.addAnimation({
    "0%": {
        transform: "translate(-50%, -50%) scale(100%)"
    },
    "50%": {
        transform: "translate(-50%, -50%) scale(115%)"
    },
    "100%": {
        transform: "translate(-50%, -50%) scale(100%)"
    }
});

export default new SWindow({call: (stear, { find, resolve, render, call, event }, args) => {
    event.onloaded = async ()=>{
        await wait(Math.max(1, 1000 - performance.now()));
        await fadeout(find.main);
        call(menu);
        stear.call(LightMode,{},1000);
        resolve();
    } 

    return <div style={{zIndex:1000}} find="main">
        <img src="logo.png" style={{
            width: "70vw",
            maxWidth: "70vh",
            maxHeight: "70vh",
            position: "absolute",
            left: "50%",
            top: "50%",
            transform: "translate(-50%, -50%)",
            animation: `${wobel} 1s ease-in-out 0s infinite`,
        }}/>
    </div>;
}, preRender: true, backgroundColor:bg});