synapse-react-client/dist/components/SynapseHomepageV2/SynapsePlanContent.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as e, Fragment as a, jsx as o } from "react/jsx-runtime";
import { ReactComponent as l } from "../../assets/homepage/plan-item.svg.js";
import { darkTextColor as i } from "./HomepageStyles.js";
import { Typography as t, Box as m } from "@mui/material";
function c({
  category: p,
  items: x,
  asteriskNote: n
}) {
  return /* @__PURE__ */ e(a, { children: [
    /* @__PURE__ */ o(
      t,
      {
        variant: "body1",
        sx: {
          fontWeight: 700,
          fontSize: "18px",
          lineHeight: "20px",
          mt: "30px",
          color: i
        },
        children: p
      }
    ),
    x.map((r) => /* @__PURE__ */ e(
      m,
      {
        sx: {
          display: "grid",
          gridTemplateColumns: "30px auto",
          alignItems: "center",
          mt: "10px"
        },
        children: [
          /* @__PURE__ */ o(l, {}),
          /* @__PURE__ */ o(
            t,
            {
              variant: "body1",
              sx: {
                fontWeight: 400,
                fontSize: "18px",
                lineHeight: "24px",
                color: i
              },
              children: r
            }
          )
        ]
      },
      r
    )),
    n && /* @__PURE__ */ o(
      t,
      {
        variant: "body1",
        sx: {
          fontWeight: 400,
          fontSize: "16px",
          lineHeight: "20px",
          mt: "20px"
        },
        children: n
      }
    )
  ] });
}
export {
  c as SynapsePlanContent
};
//# sourceMappingURL=SynapsePlanContent.js.map