import { jsx } from 'react/jsx-runtime';
import * as React from 'react';
import { Spinner } from '../../../components/spinner.mjs';
import { cn } from '../../../../../lib/utils.mjs';

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

export { ImageOverlay };
