import { jsx as a } from "react/jsx-runtime";
import { FrontifyPattern as i } from "../FrontifyPattern/FrontifyPattern.es.js";
import { merge as m } from "../../utilities/merge.es.js";
import { PatternScale as s } from "../../foundation/Pattern/PatternScale.es.js";
import { PatternDesign as o } from "../../foundation/Pattern/PatternDesigns.es.js";
import { patternThemes as l } from "../../foundation/Pattern/PatternTheme.es.js";
const r = ({
  pattern: e = o.DigitalAssets,
  foregroundColor: t
}) => /* @__PURE__ */ a(
  "div",
  {
    "data-test-id": "modal-visual",
    className: m([
      "tw-h-[1802px] tw-absolute tw-bottom-0",
      t && l[t]
    ]),
    style: {
      clipPath: "path('M0 0L252 145.492C256.95 148.35 260 153.632 260 159.349V1641.98C260 1647.7 256.95 1652.98 252 1655.84L0 1801.33V1501.11V0Z')"
    },
    children: /* @__PURE__ */ a("div", { className: "tw-absolute tw-bottom-0", children: /* @__PURE__ */ a(
      i,
      {
        pattern: e,
        scaleOrigin: ["left", "bottom"],
        scale: s.XXL,
        foregroundColor: t
      }
    ) })
  }
);
r.displayName = "FondueModalVisual";
export {
  r as ModalVisual
};
//# sourceMappingURL=ModalVisual.es.js.map
