"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const react = require("@emotion/react");
require("react");
const jsxRuntime = require("@emotion/react/jsx-runtime");
const spinner = require("../../../assets/icon/spinner.svg.js");
const styles = require("../../../styles.js");
const ImageLoading = function({
  children,
  cssStyle
}) {
  return /* @__PURE__ */ jsxRuntime.jsx(
    "div",
    {
      css: react.css`
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background: ${styles.colors.nftbg};
        border-radius: 16px;
        ${cssStyle};
      `,
      children: children || /* @__PURE__ */ jsxRuntime.jsx(
        "img",
        {
          src: spinner,
          css: react.css`
            @keyframes _18hu3ey0 {
              to {
                transform: rotate(1turn);
              }
            }
            animation: _18hu3ey0 1.4s linear infinite;
            width: 30px;
            height: 30px;
          `
        }
      )
    }
  );
};
exports.ImageLoading = ImageLoading;
//# sourceMappingURL=index.js.map
