synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
62 lines (61 loc) • 1.7 kB
JavaScript
import { jsx as r, jsxs as n } from "react/jsx-runtime";
import { QueryCount as d } from "../QueryCount/QueryCount.js";
import s from "@mui/icons-material/NavigateNext";
import { Card as p, CardActionArea as l, CardMedia as h, CardContent as m, Typography as t } from "@mui/material";
function C({
asset: i,
link: a,
countSql: o,
title: e
}) {
return /* @__PURE__ */ r(
p,
{
sx: {
width: "200px",
maxWidth: "200px",
height: "auto",
backgroundColor: "transparent",
borderColor: "transparent",
boxShadow: "none"
},
children: /* @__PURE__ */ n(l, { onClick: () => window.open(a, "_self"), children: [
/* @__PURE__ */ r(
h,
{
component: "img",
sx: { height: 150, width: "100%", paddingX: 2, overflow: "visible" },
image: i,
alt: e
}
),
/* @__PURE__ */ n(
m,
{
sx: {
display: "flex",
alignItems: "center",
justifyContent: "center"
},
children: [
/* @__PURE__ */ r(
t,
{
variant: "h6",
sx: { marginRight: 1, fontSize: "16px", fontWeight: 900 },
children: o && /* @__PURE__ */ r(d, { parens: !1, query: { sql: o } })
}
),
/* @__PURE__ */ r(t, { variant: "body1", children: e }),
/* @__PURE__ */ r(s, { sx: { color: "primary.main" } })
]
}
)
] })
}
);
}
export {
C as default
};
//# sourceMappingURL=GoalsV2.Desktop.js.map