synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
67 lines (66 loc) • 1.92 kB
JavaScript
import { jsxs as a, jsx as r } from "react/jsx-runtime";
import { QueryCount as n } from "../QueryCount/QueryCount.js";
import { Box as c, Button as m } from "@mui/material";
function u({
asset: e,
link: _,
summary: d,
countSql: l,
title: s,
isAssetIcon: o,
linkText: i = "Explore"
}) {
return /* @__PURE__ */ a(
c,
{
className: "Goals__Card",
sx: { cursor: "pointer", maxWidth: "335px", width: "335px" },
onClick: () => window.open(_, "_self"),
children: [
/* @__PURE__ */ r(
"div",
{
className: "Goals__Card__header",
style: { background: o ? void 0 : `url('${e}')` },
children: /* @__PURE__ */ a("p", { children: [
/* @__PURE__ */ a("span", { className: "Goals__Card__header__title", children: [
o && e && /* @__PURE__ */ r(
"img",
{
style: { marginRight: "10px" },
className: "Goals__Card__header__icon",
src: e,
alt: `${s} icon`
}
),
s
] }),
l && /* @__PURE__ */ r("span", { className: "Goals__Card__header__count", children: /* @__PURE__ */ r(n, { parens: !1, query: { sql: l } }) })
] })
}
),
/* @__PURE__ */ a("div", { className: "Goals__Card__summary", children: [
/* @__PURE__ */ a("p", { children: [
" ",
d,
" "
] }),
/* @__PURE__ */ r(
m,
{
className: "Goals__Card__summary__link",
variant: "outlined",
color: "secondary",
href: _,
children: i
}
)
] })
]
}
);
}
export {
u as default
};
//# sourceMappingURL=Goals.Desktop.js.map