synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
103 lines (102 loc) • 2.97 kB
JavaScript
import { jsx as e, jsxs as r } from "react/jsx-runtime";
import { QueryCount as d } from "../QueryCount/QueryCount.js";
import { useTheme as h, Card as c, CardActionArea as x, Box as o, Stack as m, Typography as a } from "@mui/material";
function y({
link: l,
countSql: t,
title: p,
svgIconComponent: s
}) {
const i = h(), n = s;
return /* @__PURE__ */ e(
c,
{
sx: {
maxWidth: "470px",
display: "flex",
flex: "1 0 0",
borderRadius: "3px",
"&:hover": {
border: `1px solid ${i.palette.primary.main}`
}
},
children: /* @__PURE__ */ r(
x,
{
onClick: () => window.open(l, "_self"),
sx: {
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
padding: "24px",
gap: "12px"
},
children: [
n && /* @__PURE__ */ e(
o,
{
sx: {
width: "42px",
height: "42px",
borderRadius: "50%",
display: "flex",
justifyContent: "center",
alignItems: "center",
".MuiCardActionArea-root:hover &": {
background: i.palette.primary.main,
fill: "#FFF"
}
},
children: /* @__PURE__ */ e(
o,
{
component: "span",
sx: {
width: 24,
height: 24,
svg: {
color: "grey.700",
".MuiCardActionArea-root:hover &": {
color: "#FFF !important"
}
}
},
children: /* @__PURE__ */ e(n, { width: 24, height: 24 })
}
)
}
),
/* @__PURE__ */ r(m, { sx: { justifyContent: "center", alignItems: "center" }, children: [
/* @__PURE__ */ e(
a,
{
variant: "headline3",
sx: {
fontSize: "21px",
lineHeight: "21px",
fontWeight: 700,
letterSpacing: "0.2px"
},
children: t && /* @__PURE__ */ e(d, { parens: !1, query: { sql: t } })
}
),
/* @__PURE__ */ e(
a,
{
variant: "headline3",
sx: { fontWeight: 400, lineHeight: "27px" },
children: p
}
)
] })
]
}
)
}
);
}
export {
y as default
};
//# sourceMappingURL=GoalsV3.Desktop.js.map