import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useEffect } from "react";
import { Action } from ".";
export const Dev = () => {
    useEffect(() => {
        window._devUpdateHotspotAthAtv = function (ath, atv) {
            console.log("Updated ath: " + ath + ", atv: " + atv);
        };
    }, []);
    return (_jsxs("div", { children: [_jsx(Action, { name: "dev_draggable_hotspot", content: `
            asyncloop(pressed, dev_update_hotspot());
          ` }), _jsx(Action, { name: "dev_update_hotspot", content: `
          screentosphere(mouse.stagex, mouse.stagey, ath, atv);
          js(_devUpdateHotspotAthAtv(get(ath), get(atv)));
          ` })] }));
};