// @ ts-nocheck /* OR @ ts-expect-error */

import { Config } from "./config-threed";
import { Arrow } from "./arrow";
import { threeSpace, zZero } from "./helpers";

interface BedProps {
  config: Config;
}

export const FarmBotAxes = (props: BedProps) => {
  const {
    bedLengthOuter, bedXOffset, bedWidthOuter, bedYOffset,
  } = props.config;
  const length = 150;
  const width = 15;
  const x = threeSpace(0, bedLengthOuter) + bedXOffset;
  const y = threeSpace(0, bedWidthOuter) + bedYOffset;
  const z = zZero(props.config);
  return <group position={[x, y, z]}>
    <Arrow length={length} width={width} />
    <Arrow length={length} width={width} rotation={[0, 0, Math.PI / 2]} />
    <Arrow length={length} width={width} rotation={[0, -Math.PI / 2, 0]} />
  </group>;
};