import { jsx as i, jsxs as r } from "react/jsx-runtime";
import e from "../../modules/BasicImageText/basicImageText.module.css";
import { Typography as c } from "../../components/Typography/Typography.es.js";
import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { Button as n } from "../../components/Button/Button.es.js";
const v = {
  solar: "color-text-primary-brand-solar",
  indigo: "color-text-primary-brand-indigo",
  primary: "color-text-primary",
  inverted: "color-text-primary-inverted"
}, M = ({
  imagePosition: o,
  title: t,
  description: s,
  image: h,
  button: a,
  label: d,
  labelColor: p,
  mobileImage: g,
  colorScheme: l,
  buttonColor: m
}) => {
  const y = p || (l === "dark" ? "inverted" : "primary");
  return /* @__PURE__ */ i("section", { className: e.root, "data-color-scheme": l, children: /* @__PURE__ */ r("div", { className: e.container, "data-image-position": o, children: [
    /* @__PURE__ */ r("div", { className: e.textContainer, children: [
      d && /* @__PURE__ */ i(
        c,
        {
          as: "p",
          defaultVariant: "labelSm",
          emphasis: !0,
          className: e.label,
          color: v[y],
          children: d
        }
      ),
      /* @__PURE__ */ r("div", { className: e.titleContainer, children: [
        /* @__PURE__ */ i(
          N,
          {
            colorScheme: l === "dark" ? "dark" : "light",
            className: e.title,
            defaultVariant: "displayMd",
            mobileVariant: "headingXl",
            title: t
          }
        ),
        /* @__PURE__ */ i("div", { className: e.mobileImageContainer, children: /* @__PURE__ */ i("img", { src: g, alt: "", className: e.mobileImage }) }),
        s && /* @__PURE__ */ i(c, { className: e.description, defaultVariant: "bodyLg", mobileVariant: "bodyMd", children: s })
      ] }),
      (a == null ? void 0 : a.link) && /* @__PURE__ */ r("div", { className: e.buttonContainer, children: [
        /* @__PURE__ */ i("div", { className: e.buttonDesktop, children: /* @__PURE__ */ i(n, { as: "a", href: a == null ? void 0 : a.link, variant: m || "secondary", size: "lg", children: (a == null ? void 0 : a.text) || "Get Started" }) }),
        /* @__PURE__ */ i("div", { className: e.buttonMobile, children: /* @__PURE__ */ i(n, { as: "a", href: a == null ? void 0 : a.link, variant: m || "secondary", size: "sm", children: (a == null ? void 0 : a.text) || "Get Started" }) })
      ] })
    ] }),
    /* @__PURE__ */ i("div", { className: e.imageContainer, children: /* @__PURE__ */ i("img", { src: h, alt: "", className: e.image }) })
  ] }) });
};
export {
  M as BasicImageText
};
