import { jsxs as r, jsx as e } from "react/jsx-runtime";
import a from "../../../../../pageComponents/HomepageHero/components/MiddleCarousel/cards/protocol.module.css";
import { Typography as s } from "../../../../../components/Typography/Typography.es.js";
import { Icon as l } from "../../../../../components/Icon/Icon.es.js";
import { EIconName as o } from "../../../../../components/Icon/constants.es.js";
const n = () => /* @__PURE__ */ r("div", { className: a.protocolCard, children: [
  /* @__PURE__ */ r("div", { className: a.topContainer, children: [
    /* @__PURE__ */ e(s, { defaultVariant: "labelXs", emphasis: !0, className: a.textContainer, children: "PERSONALIZED PROTOCOL" }),
    /* @__PURE__ */ r("div", { className: a.dosageInfo, children: [
      /* @__PURE__ */ e(s, { defaultVariant: "displayMd", children: "5" }),
      /* @__PURE__ */ r("div", { className: a.dosageRate, children: [
        /* @__PURE__ */ e(l, { name: o.ARROW_OUTWARD, className: a.iconArrow }),
        /* @__PURE__ */ e(s, { defaultVariant: "bodySm", className: a.dosageLabel, children: "mg/week" })
      ] })
    ] })
  ] }),
  /* @__PURE__ */ e("div", { className: a.bottomContainer, children: /* @__PURE__ */ r("div", { className: a.productCard, children: [
    /* @__PURE__ */ e("div", { className: a.productImage }),
    /* @__PURE__ */ r("div", { className: a.productInfo, children: [
      /* @__PURE__ */ e(s, { defaultVariant: "headingXs", className: a.productName, children: "Rapamycin" }),
      /* @__PURE__ */ e(
        s,
        {
          defaultVariant: "labelSm",
          mobileVariant: "labelXs",
          emphasis: !0,
          className: a.productDosage,
          children: "5MG PER WEEK"
        }
      )
    ] })
  ] }) })
] });
export {
  n as ProtocolCard
};
