import { jsx as e, jsxs as u } from "react/jsx-runtime";
import i from "../../modules/StillHaveQuestions/stillHaveQuestions.module.css";
import { LEGACY_CONFIG as s } from "./constants.es.js";
import { Typography as l } from "../../components/Typography/Typography.es.js";
import { Button as g } from "../../components/Button/Button.es.js";
const k = ({
  variant: o,
  image: c,
  title: a,
  titleHighlight: n,
  description: d,
  button: m,
  buttonColor: p,
  colorScheme: h
}) => {
  var r;
  const t = o ? s[o] : a ? {
    image: c || "https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",
    title: a,
    titleHighlight: n || "dark",
    description: d,
    button: m,
    buttonColor: p || "secondary",
    colorScheme: h || "dark"
  } : s.StillHaveQuestions;
  return /* @__PURE__ */ e("section", { className: i.root, "data-color-scheme": t.colorScheme, children: /* @__PURE__ */ e("div", { className: i.imageWrapper, style: { backgroundImage: `url(${t.image})` }, children: /* @__PURE__ */ u("div", { className: i.contentBox, children: [
    /* @__PURE__ */ e("div", { className: i.title, "data-color-scheme": t.titleHighlight, children: /* @__PURE__ */ e(l, { as: "p", defaultVariant: "displayMd", mobileVariant: "displayXs", children: t.title }) }),
    t.description && /* @__PURE__ */ e(
      l,
      {
        className: i.description,
        as: "p",
        defaultVariant: "bodyLg",
        mobileVariant: "bodyMd",
        children: t.description
      }
    ),
    ((r = t.button) == null ? void 0 : r.link) && /* @__PURE__ */ e("div", { className: i.button, children: /* @__PURE__ */ e(
      g,
      {
        as: "a",
        href: t.button.link,
        variant: t.buttonColor || "secondary",
        size: "lg",
        children: t.button.text || "Contact Us"
      }
    ) })
  ] }) }) });
};
export {
  k as StillHaveQuestions
};
