import { jsxs as t, Fragment as h, jsx as a } from "react/jsx-runtime";
import { EIconName as g } from "../Icon/constants.es.js";
import e from "../../components/HighlightCard/highlightCard.module.css";
import { Typography as n } from "../Typography/Typography.es.js";
import { IconButton as p } from "../IconButton/IconButton.es.js";
const y = ({
  image: u,
  eyebrow: s,
  title: d,
  description: l,
  link: i,
  colorScheme: r = "light"
}) => {
  const c = r === "light" ? "muted-invert" : "muted", o = /* @__PURE__ */ t(h, { children: [
    s && /* @__PURE__ */ a(n, { as: "p", defaultVariant: "labelXs", emphasis: !0, className: e.eyebrow, children: s }),
    /* @__PURE__ */ t("div", { className: e.bottomContainer, children: [
      /* @__PURE__ */ t("div", { className: e.titleContainer, children: [
        d && /* @__PURE__ */ a(
          n,
          {
            as: "p",
            defaultVariant: "headingLg",
            mobileVariant: "headingLg",
            className: e.title,
            children: d
          }
        ),
        i && /* @__PURE__ */ t(h, { children: [
          /* @__PURE__ */ a("div", { className: e.desktop, children: /* @__PURE__ */ a(p, { variant: c, size: "lg", iconName: g.ARROW_FORWARD }) }),
          /* @__PURE__ */ a("div", { className: e.mobile, children: /* @__PURE__ */ a(p, { variant: c, size: "md", iconName: g.ARROW_FORWARD }) })
        ] })
      ] }),
      l && /* @__PURE__ */ a(n, { as: "p", defaultVariant: "bodySm", className: e.description, children: l })
    ] })
  ] }), m = { backgroundImage: `url(${u})`, backgroundSize: "cover", backgroundPosition: "center" };
  return i ? /* @__PURE__ */ a("a", { href: i, className: e.highlightCard, style: m, "data-scheme": r, children: o }) : /* @__PURE__ */ a("div", { className: e.highlightCard, style: m, "data-scheme": r, children: o });
};
export {
  y as HighlightCard
};
