import { Stats, Html } from "@react-three/drei";
import { useDebug } from "./SettingsProvider";
import { useEffect, useRef } from "react";
import { AxesHelper } from "three";
export function DebugElements() {
const { debugMode } = useDebug();
const axesRef = useRef(null);
useEffect(() => {
const axes = axesRef.current;
if (!axes) {
return;
}
axes.setColors("rgb(153, 255, 0)", "rgb(0, 153, 255)", "rgb(255, 153, 0)");
});
return debugMode ? (
<>
Y
Z
X
) : null;
}