lingo3d/lib/editor/Editor/usePane.js

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

import { useLayoutEffect, useState } from "preact/hooks";
import { Pane } from "./tweakpane";
export default () => {
    const [pane, setPane] = useState();
    const [container, setContainer] = useState();
    useLayoutEffect(() => {
        if (!container)
            return;
        container.classList.add("lingo3d-font");
        const pane = new Pane({ container });
        setPane(pane);
        return () => {
            pane.dispose();
            setPane(undefined);
        };
    }, [container]);
    return [pane, setContainer];
};
//# sourceMappingURL=usePane.js.map