import useEditor from "@engine/App/Editor/_actions/hooks/useEditor";
import { RenderCallback, useFrame } from "@granity/three/fiber";

/**
 * This hook is executed on each frame when the game is running.
 *
 * It uses `useFrame` from **react-three-fiber** behind the scene, so it works the same way and you have access to the same parameters in your callback.
 *
 * @param callback The callback you want to be executed each frame.
 */
export default (callback: RenderCallback) => {
    const { isEditor } = useEditor();

    useFrame((state, delta, frame) => {
        if (!isEditor) {
            callback(state, delta, frame);
        } else {
            return null;
        }
    });
};