import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
import { MathUtils } from "three";

function createControls(camera, canvas) {
  const controls = new OrbitControls(camera, canvas);

  //enable controls?
  controls.enabled = true;
  controls.autoRotate = false;
  //controls.autoRotateSpeed = 0.2;

  // control limits
  // It's recommended to set some control boundaries,
  // to prevent the user from clipping with the objects.

  // y axis
  controls.minPolarAngle = MathUtils.degToRad(40); // default
  controls.maxPolarAngle = MathUtils.degToRad(75);

  // x axis
  //   controls.minAzimuthAngle = ...
  //   controls.maxAzimuthAngle = ...

  //smooth camera:
  // remember to add to loop updatables to work
  controls.enableDamping = true;

  //controls.enableZoom = false;
  controls.maxDistance = 250;

  //controls.enablePan = false;

  controls.tick = () => controls.update();

  return controls;
}

export { createControls };