import { jsx as o, jsxs as a } from "react/jsx-runtime";
import { EAnalyticsEventType as h, EAnalyticsEvent as y } from "../../types/analytics/analytics.es.js";
import n from "../../modules/Callback/callback.module.css";
import { EIconName as i } from "../../components/Icon/constants.es.js";
import { Callback as v } from "../../components/Callback/Callback.es.js";
import { Icon as C } from "../../components/Icon/Icon.es.js";
import { Typography as N } from "../../components/Typography/Typography.es.js";
const u = [
  {
    icon: i.HEART,
    description: "No hidden fees"
  },
  {
    icon: i.PROTOCOLS,
    description: "Personalized Protocols"
  },
  {
    icon: i.PACKAGE,
    description: "Free Shipping"
  },
  {
    icon: i.MESSAGE,
    description: "Doctor & Clinical Team"
  }
];
function M({
  title: r,
  zenpatientId: l,
  description: s,
  price: c,
  signupUrl: e,
  image: d,
  size: m,
  shape: p,
  trackingLocation: f
}) {
  const E = {
    event: y.ctaClicked,
    location: f || "not_set",
    type: h.interaction,
    component: "CallbackModule",
    payload: {
      productId: l,
      ctaLink: e
    }
  };
  return /* @__PURE__ */ o("section", { className: n.root, children: /* @__PURE__ */ o("div", { className: n.container, children: /* @__PURE__ */ a("div", { className: n.content, children: [
    /* @__PURE__ */ o(
      v,
      {
        title: r,
        description: s,
        price: c != null ? c : "",
        image: d,
        button: {
          href: e,
          as: "a",
          analyticsProps: E
        },
        size: m,
        shape: p
      }
    ),
    /* @__PURE__ */ o("div", { className: n.icons, children: u.map((t) => /* @__PURE__ */ a("div", { className: n.icon, children: [
      /* @__PURE__ */ o(C, { name: t.icon }),
      /* @__PURE__ */ o(N, { defaultVariant: "labelXl", children: t.description })
    ] }, t.description)) })
  ] }) }) });
}
export {
  M as CallbackModule
};
