synapse-react-client/dist/components/Plot/PlotPanelHeader.js

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

import { jsxs as l, jsx as t } from "react/jsx-runtime";
import { SkeletonInlineBlock as m } from "../Skeleton/SkeletonInlineBlock.js";
import { EnumFacetFilter as d } from "../widgets/query-filter/EnumFacetFilter/EnumFacetFilter.js";
import { IconSvgButton as a } from "../IconSvgButton.js";
function u(n) {
  const { data: i, isLoading: r, title: c, facetToPlot: o, onHide: s, setShowModal: e } = n;
  return /* @__PURE__ */ l("div", { className: "FacetNavPanel__title", children: [
    !i && r ? /* @__PURE__ */ t(m, { width: 100 }) : /* @__PURE__ */ t("span", { className: "FacetNavPanel__title__name", children: c }),
    /* @__PURE__ */ l("div", { role: "toolbar", className: "FacetNavPanel__title__tools", children: [
      o && /* @__PURE__ */ t(d, { facet: o, containerAs: "Dropdown" }),
      e && /* @__PURE__ */ t(
        a,
        {
          tooltipText: "Expand to large graph",
          tooltipPlacement: "bottom",
          onClick: () => e(!0),
          size: "small",
          icon: "openInFull"
        }
      ),
      /* @__PURE__ */ t(
        a,
        {
          tooltipText: "Hide graph under Show More",
          tooltipPlacement: "bottom",
          onClick: () => s(),
          size: "small",
          icon: "close"
        }
      )
    ] })
  ] });
}
export {
  u as default
};
//# sourceMappingURL=PlotPanelHeader.js.map