export class OverlaysManager {
  name = 'OverlayManager 1.x';

  blockBody = false;

  constructor() {
    this._setupBlocker();
  }

  _setupBlocker() {
    const blocker = document.createElement('div');
    blocker.setAttribute('style', 'border: 2px solid #8d0606; margin: 10px; padding: 10px; width: 180px; text-align: center;');
    blocker.innerText = `Blocker for ${this.name}`;

    const target = document.getElementById('overlay-target');
    target.appendChild(blocker);

    this.blocker = blocker;
  }

  block() {
    this.blockBody = true;
    this.blocker.style.backgroundColor = '#ff6161';
  }

  unBlock() {
    this.blockBody = false;
    this.blocker.style.backgroundColor = 'transparent';
  }
}