synapse-react-client/dist/components/UserCardList/UserCardListGroups/UserCardListGroups.js

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

import { jsx as r, jsxs as a } from "react/jsx-runtime";
import { LargeButton as m } from "../../styled/LargeButton.js";
import n from "../../../utils/hooks/useShowDesktop.js";
import d from "./UserCardListGroups.Desktop.js";
import p from "./UserCardListGroups.Mobile.js";
function h(i) {
  const { summaryLink: s, summaryLinkText: o, ...e } = i, t = n();
  return /* @__PURE__ */ r("div", { className: `UserCardListGroups${t ? "__Desktop" : ""}`, children: /* @__PURE__ */ a("div", { children: [
    t ? /* @__PURE__ */ r(d, { ...e }) : /* @__PURE__ */ r(p, { ...e }),
    s && o && /* @__PURE__ */ r("div", { className: "UserCardListGroups__summary", children: /* @__PURE__ */ r(
      m,
      {
        color: "secondary",
        variant: "contained",
        href: s,
        children: o
      }
    ) })
  ] }) });
}
export {
  h as default
};
//# sourceMappingURL=UserCardListGroups.js.map