import { SFrame, Stear, s } from "../../stear/main";
import * as color from "../../js/color.js";

export const LightMode = new SFrame({
    call: (stear, { find, resolve, render, call, event }, args) => {

        return <div style={{
            position: "fixed",
            height: "4rem",
            width: "4rem",
            right: "0.5rem",
            bottom: "0.5rem",
            zIndex: "1000",
            fontSize: "4rem",
            lineHeight: "3.35rem",
            textAlign: "center",
            cursor: "pointer",
            borderRadius: "2rem",
            backgroundColor: color.floatingBtn,
            userSelect: "none",
        }} event={{pointerdown:()=>{color.setMode(-1);stear.rerenderGlobal()}}}>
            ☼
        </div>

    }
});