"use client";
import { jsxs as r, jsx as t } from "react/jsx-runtime";
import { cn as s } from "../../../../utils/cn/cn.es.js";
import a from "../../../../modules/HSModal/components/IterableModal/iterableModal.module.css";
import { EAnalyticsEvent as v } from "../../../../types/analytics/analytics.es.js";
import { Typography as m } from "../../../../components/Typography/Typography.es.js";
import { Newsletter as N } from "../Newsletter/Newsletter.es.js";
const y = "https://hook.us2.make.com/t87e9ij5ebvcoqeushd45ihubsghratq", w = ({
  title: e,
  description: i,
  buttonText: c,
  image: o,
  layout: l = "plain-column",
  colorScheme: n = "light",
  onCloseCallback: d,
  onClickCallback: p,
  cancelButtonText: h = "no, thanks",
  placeholder: g,
  trackingEvent: u,
  trackingLocation: k
}) => {
  const b = (f) => {
    f.stopPropagation();
  };
  return /* @__PURE__ */ r(
    "div",
    {
      className: s(a.contentWrapper, a[n]),
      "data-image-position": l,
      onClick: b,
      children: [
        /* @__PURE__ */ r("div", { className: s(a.content, a[n]), children: [
          (e || i) && /* @__PURE__ */ r("div", { className: a.text, children: [
            e && /* @__PURE__ */ t(m, { defaultVariant: "headingLg", children: e }),
            i && /* @__PURE__ */ t(m, { defaultVariant: "bodySm", children: i })
          ] }),
          /* @__PURE__ */ t(
            N,
            {
              buttonText: c,
              cancelButtonText: h,
              colorScheme: n,
              onCloseCallback: d,
              onClickCallback: p,
              placeholder: g,
              trackingEvent: u || v.iterableMailchimpSubmitClicked,
              trackingLocation: k,
              webhookUrl: y
            }
          )
        ] }),
        o && l !== "plain-column" && /* @__PURE__ */ t("div", { className: a.imageWrapper, children: /* @__PURE__ */ t("div", { style: { backgroundImage: `url(${o})` }, className: a.image }) })
      ]
    }
  );
};
export {
  w as IterableModal
};
