synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
90 lines (89 loc) • 2.17 kB
JavaScript
import { jsx as e, jsxs as n } from "react/jsx-runtime";
import { darkTextColor as l, homepageBodyText as h } from "./HomepageStyles.js";
import { Box as t, Typography as i, Button as s } from "@mui/material";
function g({
title: o,
description: x,
ctaText: r,
ctaLink: p,
backgroundColor: a,
children: d
}) {
return /* @__PURE__ */ e(
t,
{
sx: {
borderRadius: "10px",
p: "40px",
maxWidth: {
md: "373px"
},
width: {
xs: "100%",
md: "auto"
},
backgroundColor: a,
boxShadow: "0px 4px 10px 0px rgba(0, 0, 0, 0.10)"
},
children: /* @__PURE__ */ n(
t,
{
sx: {
display: "flex",
justifyContent: "space-between",
flexDirection: "column",
minHeight: "590px"
},
children: [
/* @__PURE__ */ n(t, { children: [
/* @__PURE__ */ e(
i,
{
variant: "headline1",
sx: {
fontWeight: 400,
fontSize: "32px",
lineHeight: "40px",
textAlign: "center",
color: l
},
children: o
}
),
/* @__PURE__ */ e(
i,
{
variant: "body1",
sx: {
...h,
textAlign: "center",
fontSize: {
xs: "16px",
sm: "24px"
}
},
children: x
}
),
d
] }),
/* @__PURE__ */ e(
s,
{
variant: "contained",
color: "secondary",
sx: { width: "100%", mt: "30px" },
href: p,
children: r
}
)
]
}
)
}
);
}
export {
g as SynapsePlan
};
//# sourceMappingURL=SynapsePlan.js.map