import { jsx as r, jsxs as l } from "react/jsx-runtime";
import { classNames as u } from "./index-classNames.js";
import { Icon as I, IconSize as h } from "./index-Icon.js";
import { IconNames as v } from "./index-IconNames.js";
import { BlobAnimation as S } from "./index-BlobAnimation.js";
import { Render as a } from "./index-Render.js";
import { StyledSVG as b } from "./index-StyledSVG.js";
import "react";
import o from "./index-IllustrationBlob.module.scss.js";
const q = (c) => {
  const {
    icon: e,
    SVGObject: i,
    onlyImage: s = !1,
    imageAlignments: m,
    color: t
  } = c, {
    SvgIcon: d,
    loading: f,
    error: p
  } = i || {
    SvgIcon: "",
    loading: !1,
    error: null
  }, g = [1, 2];
  return i && (f || p) ? null : r("div", {
    className: o.mainContainer,
    children: g.map((n, N) => l("div", {
      className: u(o.container, n === 2 ? o.orbChild : void 0),
      children: [r("div", {
        className: o.image,
        style: {
          ...m
        },
        children: r(b, {
          src: d,
          uniquifyIDs: !0
        })
      }), r(a, {
        if: !s,
        children: l("div", {
          className: o.blobAndIconContainer,
          children: [r(S, {
            size: "small",
            baseColor: t
          }), r(a, {
            if: !!e,
            children: r("div", {
              className: o.icon,
              children: r(I, {
                type: h.large,
                forceSize: 48,
                color: "--n000",
                children: e ?? v.card
              })
            })
          })]
        })
      })]
    }, n))
  });
};
export {
  q as IllustrationBlob
};
