export default class Mouse {
  private mouse: HTMLDivElement
  private position: [number,number] = [0,0]
  constructor() {
    this.mouse = document.createElement('div');
    Object.assign(this.mouse.style, {
      width: "20px",
      height: "20px",
      opacity: ".4",
      borderRadius: "50%",
      position: "absolute",
      zIndex: "999998",
      background: "radial-gradient(red, transparent)",
    });
    document.body.appendChild(this.mouse);
  }

  move({x, y}: {x: number, y: number}) {
    this.position = [x, y];
    Object.assign(this.mouse.style, {
      left: `${x || 0}px`,
      top: `${y || 0}px`
    })
  }

  getPosition(): [ number, number] {
    return this.position;
  }

  remove() {
    if (this.mouse.parentElement) {
      document.body.removeChild(this.mouse);
    }
  }
}