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

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

import { jsx as r, Fragment as a } from "react/jsx-runtime";
import { Chip as t, Typography as i } from "@mui/material";
import { DEFAULT_SEARCH_QUERY as s } from "../../utils/searchDefaults.js";
const c = [
  "Alzheimer's Disease",
  "Neurofibromatosis mouse models",
  "Cancer",
  "UK Biobank",
  "Single-cell analysis of breast cancer",
  "ROSMAP Religious Orders Study and Memory and Aging Project",
  "Retinal regeneration studies",
  "Machine Learning datasets"
], l = {
  key: "node_type",
  value: "project",
  not: !1
};
function m({ gotoPlace: o }) {
  return /* @__PURE__ */ r(a, { children: c.map((e) => /* @__PURE__ */ r(
    t,
    {
      label: /* @__PURE__ */ r(
        i,
        {
          variant: "body1",
          sx: {
            fontSize: "18px",
            fontWeight: 400,
            p: "10px",
            overflow: "hidden",
            textOverflow: "ellipsis"
          },
          children: e
        }
      ),
      onClick: () => {
        const n = {
          ...s,
          queryTerm: [e],
          booleanQuery: e == "Cancer" ? [l] : void 0
        };
        o(
          `/SearchV2:default?query=${encodeURIComponent(
            JSON.stringify(n)
          )}`
        );
      },
      variant: "outlined",
      sx: {
        color: "secondary.600",
        backgroundColor: "secondary.100",
        borderWidth: "0px",
        "&:hover": { backgroundColor: "#B5D3CE !important" }
      }
    },
    e
  )) });
}
export {
  m as SynapseSearchChips
};
//# sourceMappingURL=SynapseSearchChips.js.map