(function(bsmsg) {
  bsmsg.display = function(title = '', msg = '', spinner = false, button = false) {
    let msgCont = "<div class='msg-cont'><div class='msg-background'><div class='msg-spinner' style='display: SDISPLAY;'><div class='msg-spin-color'></div></div><h2 class='msg-title'>TITLE</h2><div class='msg-text'><span>MSG</span></div><div class='msg-button' style='display: BDISPLAY;'>Ok</div></div></div>";

    document.querySelector('.msg-cont') && document.querySelector('.msg-cont').remove();
    msgCont = msgCont.replace('TITLE', title);
    msgCont = msgCont.replace('MSG', msg);
    msgCont = spinner ? msgCont.replace('SDISPLAY', 'block') : msgCont.replace('SDISPLAY', 'none');
    msgCont = button ? msgCont.replace('BDISPLAY', 'block') : msgCont.replace('BDISPLAY', 'none');
    msgCont = document.createRange().createContextualFragment(msgCont);
    document.body.prepend(msgCont);
    document.querySelector('.msg-button').onclick = function() { document.querySelector('.msg-cont') && document.querySelector('.msg-cont').remove(); };
  };

  bsmsg.hide = function () { document.querySelector('.msg-cont') && document.querySelector('.msg-cont').remove(); };
}(window.bsmsg = window.bsmsg || {}));