synapse-react-client/dist/components/CardGridWithLinks/CardGridWithLinks.js

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

import { jsx as i, jsxs as x } from "react/jsx-runtime";
import { Box as l, Card as a, Stack as p, Typography as e, Link as d } from "@mui/material";
import { Link as s } from "react-router";
const f = ({
  cards: r,
  linkText: t
}) => /* @__PURE__ */ i(
  l,
  {
    sx: {
      display: "flex",
      gap: 2,
      width: "100%",
      flexDirection: { xs: "column", md: "row" }
    },
    children: r.map((n, o) => /* @__PURE__ */ i(
      a,
      {
        sx: {
          padding: "24px",
          flex: "1"
        },
        children: /* @__PURE__ */ x(p, { sx: { height: "100%", gap: 2 }, children: [
          /* @__PURE__ */ i(e, { variant: "headline3", sx: { lineHeight: "20px" }, children: n.title }),
          /* @__PURE__ */ i(
            e,
            {
              variant: "body1",
              sx: { fontSize: "14px", flex: "1", lineHeight: "normal" },
              children: n.description
            }
          ),
          /* @__PURE__ */ i(
            e,
            {
              sx: {
                fontSize: "14px",
                marginTop: "auto"
              },
              children: /* @__PURE__ */ i(
                d,
                {
                  component: s,
                  to: n.link,
                  sx: { textDecoration: "none" },
                  children: t
                }
              )
            }
          )
        ] })
      },
      o
    ))
  }
);
export {
  f as default
};
//# sourceMappingURL=CardGridWithLinks.js.map