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