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

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

import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { useState as u } from "react";
import { UserCardListRotate as m } from "../UserCardListRotate.js";
function b(c) {
  const [t, n] = u(0), { columnName: l, facetValues: s, ...i } = c, d = {
    columnName: l,
    facetValues: [s[t]],
    concreteType: "org.sagebionetworks.repo.model.table.FacetColumnValuesRequest"
  };
  return /* @__PURE__ */ r("div", { className: "control-container", children: [
    /* @__PURE__ */ r("div", { className: "button-container", children: [
      s?.map((o, a) => /* @__PURE__ */ e(
        "button",
        {
          className: t === a ? "isSelected" : "",
          onClick: () => n(a),
          children: o
        },
        o
      )),
      /* @__PURE__ */ e("button", { className: "gap-fill" })
    ] }),
    /* @__PURE__ */ e("div", { className: "content-container", children: /* @__PURE__ */ e(
      m,
      {
        ...i,
        selectedFacets: [d]
      },
      `UserCardListGroup-${t}`
    ) })
  ] });
}
export {
  b as default
};
//# sourceMappingURL=UserCardListGroups.Desktop.js.map