synapse-react-client/dist/components/SynapseFooter/SynapseLinksColumn.js

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

import { jsxs as n, jsx as r } from "react/jsx-runtime";
import { Box as i, Typography as x, Link as c } from "@mui/material";
function a({
  category: e,
  synapseLinks: t
}) {
  return /* @__PURE__ */ n(i, { sx: { display: "flex", flexDirection: "column", rowGap: "10px" }, children: [
    /* @__PURE__ */ r(
      x,
      {
        variant: "body1",
        sx: {
          color: "white"
        },
        children: e
      }
    ),
    t.map((o) => /* @__PURE__ */ r(
      c,
      {
        target: "_blank",
        rel: "noreferrer",
        sx: {
          color: "primary.200",
          fontSize: "18px",
          fontWeight: 400,
          lineHeight: "24px",
          textDecoration: "none",
          "&:focus": {
            color: "primary.200",
            textDecoration: "none"
          },
          "&:visited": {
            color: "primary.200",
            textDecoration: "none"
          },
          "&:hover": {
            color: "white",
            textDecoration: "none"
          }
        },
        ...o.props,
        children: o.text
      },
      o.text
    ))
  ] });
}
export {
  a as SynapseLinksColumn
};
//# sourceMappingURL=SynapseLinksColumn.js.map