import { jsx as a, jsxs as r } from "react/jsx-runtime";
import e from "../../modules/ContentHighlight/contentHighlight.module.css";
import { YouTubeEmbed as o } from "../../components/YouTubeEmbed/YouTubeEmbed.es.js";
import { WistiaEmbed as t } from "../../components/WistiaEmbed/WistiaEmbed.es.js";
import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { Typography as s } from "../../components/Typography/Typography.es.js";
import { Button as p } from "../../components/Button/Button.es.js";
const f = ({ label: d, title: l, content: i }) => {
  const m = i.type === "youtube" || i.type === "wistia";
  return /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ r("div", { className: e.container, children: [
    /* @__PURE__ */ a("div", { className: e.topContainer, children: /* @__PURE__ */ a(
      c,
      {
        title: l,
        label: d,
        as: "div",
        defaultVariant: "displayMd",
        className: e.title
      }
    ) }),
    /* @__PURE__ */ r("div", { className: e.card, children: [
      m && /* @__PURE__ */ a("div", { className: e.videoContainer, children: i.type === "youtube" ? /* @__PURE__ */ a(o, { videoId: i.videoId || "", className: e.video }) : /* @__PURE__ */ a(t, { videoId: i.videoId || "", className: e.video }) }),
      i.image && /* @__PURE__ */ a("img", { src: i.image, alt: i.title, className: e.image }),
      /* @__PURE__ */ r("div", { className: e.content, children: [
        /* @__PURE__ */ a(
          s,
          {
            defaultVariant: "headingLg",
            mobileVariant: "headingSm",
            className: e.contentTitle,
            children: i.title
          }
        ),
        i.description && /* @__PURE__ */ a(s, { defaultVariant: "bodySm", mobileVariant: "bodySm", className: e.description, children: i.description }),
        i.buttonLabel && i.link && /* @__PURE__ */ a("div", { className: e.button, children: /* @__PURE__ */ a(p, { as: "a", href: i.link, target: "_blank", rel: "noopener noreferrer", size: "sm", children: i.buttonLabel }) })
      ] })
    ] })
  ] }) });
};
export {
  f as ContentHighlight
};
