'use strict';

const jsxRuntime = require('react/jsx-runtime');
const React = require('react');
const spinner = require('../../../components/spinner.cjs');
const utils = require('../../../../../lib/utils.cjs');

function _interopNamespaceCompat(e) {
  if (e && typeof e === 'object' && 'default' in e) return e;
  const n = Object.create(null);
  if (e) {
    for (const k in e) {
      n[k] = e[k];
    }
  }
  n.default = e;
  return n;
}

const React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);

const ImageOverlay = React__namespace.memo(() => {
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      className: utils.cn(
        "flex flex-row items-center justify-center",
        "absolute inset-0 rounded bg-[var(--mt-overlay)] opacity-100 transition-opacity"
      ),
      children: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { className: "size-7" })
    }
  );
});
ImageOverlay.displayName = "ImageOverlay";

exports.ImageOverlay = ImageOverlay;
