import { jsxs as l, jsx as e } from "react/jsx-runtime";
import a from "../../modules/CursorImageBlock/cursorImageBlock.module.css";
import { Cursor as h } from "../../components/Cursor/Cursor.es.js";
import { Typography as i } from "../../components/Typography/Typography.es.js";
const f = ({ title: t, description: s, cursorLabel: c, link: r, image: o }) => {
  const n = () => {
    window.location.href = r;
  }, d = (m) => {
    m.stopPropagation();
  };
  return /* @__PURE__ */ l("div", { className: a.root, children: [
    /* @__PURE__ */ e("div", { className: a.desktopLayout, children: /* @__PURE__ */ e(h, { label: c, colorScheme: "dark", children: /* @__PURE__ */ l("div", { className: a.desktopLink, onClick: n, children: [
      /* @__PURE__ */ e("img", { src: o, alt: "", className: a.image }),
      /* @__PURE__ */ l("div", { className: a.textContent, children: [
        /* @__PURE__ */ e("a", { href: r, className: a.titleLink, onClick: d, children: /* @__PURE__ */ e(i, { defaultVariant: "displayLg", className: a.title, children: t }) }),
        s && /* @__PURE__ */ e(i, { defaultVariant: "headingSm", className: a.description, children: s })
      ] })
    ] }) }) }),
    /* @__PURE__ */ l("div", { className: a.mobileLayout, children: [
      /* @__PURE__ */ e("img", { src: o, alt: "", className: a.image }),
      /* @__PURE__ */ l("div", { className: a.textContent, children: [
        /* @__PURE__ */ e(i, { defaultVariant: "displayLg", mobileVariant: "headingXl", className: a.title, children: t }),
        s && /* @__PURE__ */ e(i, { defaultVariant: "headingSm", mobileVariant: "headingXs", className: a.description, children: s })
      ] }),
      /* @__PURE__ */ e("a", { href: r, className: a.mobileButton, children: /* @__PURE__ */ e("div", { className: a.cursorVisual, children: /* @__PURE__ */ e("div", { className: a.cursorVisualText, children: /* @__PURE__ */ e(i, { defaultVariant: "labelLg", mobileVariant: "labelLg", emphasis: !0, children: c }) }) }) })
    ] })
  ] });
};
export {
  f as CursorImageBlock
};
