lingo3d/lib/editor/TimelineEditor/Needle.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { jsx as _jsx } from "preact/jsx-runtime";
import { APPBAR_HEIGHT, FRAME_WIDTH, PANELS_HEIGHT } from "../../globals";
import { useRef } from "preact/hooks";
import { timelineNeedlePtr } from "../../pointers/timelineNeedlePtr";
const Needle = () => {
    const ref = useRef(null);
    timelineNeedlePtr[0] = ref.current;
    return (_jsx("div", { className: "lingo3d-absfull", style: {
            height: PANELS_HEIGHT,
            zIndex: 1,
            overflow: "hidden",
            pointerEvents: "none"
        }, children: _jsx("div", { ref: ref, style: {
                position: "absolute",
                top: 0,
                width: FRAME_WIDTH,
                height: APPBAR_HEIGHT,
                background: "white",
                opacity: 0.3
            }, children: _jsx("div", { style: {
                    width: 1,
                    height: PANELS_HEIGHT,
                    background: "white",
                    position: "absolute",
                    left: FRAME_WIDTH * 0.5
                } }) }) }));
};
export default Needle;
//# sourceMappingURL=Needle.js.map