import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
const template = '<div class="spinner"><p></p></div>';

class Spinner {
  constructor () {
    this.container = document.createElement('div');
    this.container.innerHTML = template;
    this.spinner = this.container.querySelector('.spinner');

    this.spinner.spinner = this;

    document.querySelector('body').appendChild(this.container);
  }

  run () {
    this.spinner.classList.add('js-run');
    disableBodyScroll();
  }

  stop () {
    this.spinner.classList.remove('js-run');
    enableBodyScroll();
  }
}

export default Spinner;