synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
78 lines (77 loc) • 2.16 kB
JavaScript
import { jsxs as n, Fragment as h, jsx as t } from "react/jsx-runtime";
import { useTheme as d, Stack as c, Box as s } from "@mui/material";
import o from "../../assets/illustrations/index.js";
const f = ({
content: a,
themeMode: i,
showBlobs: g = !0,
sx: p
}) => {
const e = d(), l = {
position: "absolute",
height: "100%",
overflow: "hidden",
display: { xs: "none", md: "block" }
};
return /* @__PURE__ */ n(
c,
{
sx: {
padding: { xs: "40px", lg: "80px" },
justifyContent: "center",
alignItems: "center",
textAlign: "center",
background: i === "light" ? `linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), ${e.palette.primary.main}` : e.palette.primary.main,
position: "relative",
overflow: "hidden",
color: i === "dark" ? "#FFFF" : "",
svg: {
mixBlendMode: i === "light" ? "soft-light" : ""
},
...p
},
children: [
g && /* @__PURE__ */ n(h, { children: [
/* @__PURE__ */ t(
s,
{
sx: (r) => ({
...l,
left: 0,
[r.breakpoints.down("lg")]: {
svg: {
width: "280px",
height: "100%"
}
}
}),
children: i === "light" ? /* @__PURE__ */ t(o.LeftDotBlob, {}) : /* @__PURE__ */ t(o.LeftDotBlobDark, {})
}
),
/* @__PURE__ */ t(
s,
{
sx: (r) => ({
...l,
right: 0,
top: "30%",
[r.breakpoints.down("lg")]: {
svg: {
width: "370px",
height: "100%"
}
}
}),
children: i === "light" ? /* @__PURE__ */ t(o.RightDotBlob, {}) : /* @__PURE__ */ t(o.RightDotBlobDark, {})
}
)
] }),
a
]
}
);
};
export {
f as default
};
//# sourceMappingURL=CTASectionWrapper.js.map