synapse-react-client/dist/components/Programs/Programs.Desktop.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as r, jsx as a } from "react/jsx-runtime";
import { LargeButton as o } from "../styled/LargeButton.js";
import { ImageFileHandle as n } from "../widgets/ImageFileHandle.js";
function t({
  link: e,
  summary: s,
  title: d,
  color: i,
  fileHandleAssociation: _,
  exploreLink: l
}) {
  return /* @__PURE__ */ r("div", { className: "Programs__Card", children: [
    /* @__PURE__ */ r(
      "div",
      {
        className: "Programs__Card__header",
        style: { backgroundColor: i.replace(")", ",.05)") },
        children: [
          /* @__PURE__ */ a("div", { className: "Programs__Card__header__icon", children: _ && /* @__PURE__ */ a(n, { fileHandleAssociation: _ }) }),
          /* @__PURE__ */ r("div", { className: "Programs__Card__header__info", children: [
            /* @__PURE__ */ r("span", { className: "Programs__Card__header__info__title", children: [
              " ",
              d,
              " "
            ] }),
            e && /* @__PURE__ */ a("p", { className: "Programs__Card__header__info__link", children: /* @__PURE__ */ a(
              "a",
              {
                className: "highlight-link",
                href: e,
                target: "_blank",
                rel: "noreferrer",
                children: "Visit website"
              }
            ) })
          ] })
        ]
      }
    ),
    /* @__PURE__ */ r("div", { className: "Programs__Card__summary", children: [
      /* @__PURE__ */ r("p", { children: [
        " ",
        s,
        " "
      ] }),
      /* @__PURE__ */ a(
        o,
        {
          color: "secondary",
          variant: "contained",
          href: l,
          sx: { width: "120px", marginLeft: 0 },
          children: "Explore"
        }
      )
    ] })
  ] });
}
export {
  t as default
};
//# sourceMappingURL=Programs.Desktop.js.map