department-of-veterans-affairs/vets-website

import React, { useEffect } from 'react';

export default function LoadingOverlay({ show, message }) {
  useEffect(
    () => {
      if (show) {
        document.body.classList.add('modal-open');
      } else {
        document.body.classList.remove('modal-open');
      }
    },
    [show],
  );

  if (show) {
    return (
      <div className="vaos__loading-overlay">
        <div className="vaos__loading-overlay-inner">
          <va-loading-indicator set-focus message={message} />
        </div>
      </div>
    );
  }

  return null;
}