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

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

import { jsx as e, jsxs as r } from "react/jsx-runtime";
import { LargeButton as i } from "../styled/LargeButton.js";
import _ from "../home_page/ExpandableContent.js";
import { ImageFileHandle as s } from "../widgets/ImageFileHandle.js";
function b({
  link: a,
  summary: t,
  title: o,
  color: m,
  fileHandleAssociation: n,
  exploreLink: l
}) {
  return /* @__PURE__ */ e(_, { title: /* @__PURE__ */ r("div", { className: "Programs__Mobile__Header", children: [
    /* @__PURE__ */ e("span", { className: "Programs__Card__header__icon", children: n && /* @__PURE__ */ e(s, { fileHandleAssociation: n }) }),
    /* @__PURE__ */ r("span", { className: "Programs__Mobile__Header__Title", children: [
      " ",
      o,
      " "
    ] })
  ] }), content: /* @__PURE__ */ r("div", { className: "Programs__Mobile__Content", children: [
    a && /* @__PURE__ */ e("p", { className: "Programs__Card__header__info__link", children: /* @__PURE__ */ e(
      "a",
      {
        className: "highlight-link",
        href: a,
        target: "_blank",
        rel: "noreferrer",
        children: "Visit website"
      }
    ) }),
    /* @__PURE__ */ e("p", { children: t }),
    /* @__PURE__ */ e(
      i,
      {
        color: "secondary",
        variant: "contained",
        href: l,
        sx: { marginLeft: 0 },
        children: "Explore"
      }
    )
  ] }) });
}
export {
  b as default
};
//# sourceMappingURL=Programs.Mobile.js.map