export const blockUI = (message = 'Please wait...') => {
  if (window.$ && window.$.blockUI) {
    window.$.blockUI({
      message: `
        <div className="d-flex flex-column align-items-center">
          <div className="sk-wave mb-2">
            <div className="sk-wave-rect"></div>
            <div className="sk-wave-rect"></div>
            <div className="sk-wave-rect"></div>
            <div className="sk-wave-rect"></div>
            <div className="sk-wave-rect"></div>
          </div>
          <p className="text-white">${message}</p>
        </div>`,
      css: {
        backgroundColor: 'transparent',
        border: '0',
        color: '#fff',
      },
      overlayCSS: {
        opacity: 0.5,
        cursor: 'wait',
      },
    });
  }
};

export const unblockUI = () => {
  if (window.$ && window.$.unblockUI) {
    window.$.unblockUI();
  }
};