synapse-react-client/dist/components/HelpPopover/HelpPopover.js

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

import { jsx as o, Fragment as t } from "react/jsx-runtime";
import { MarkdownPopover as m } from "../Markdown/MarkdownPopover.js";
import { HelpOutlineTwoTone as u } from "@mui/icons-material";
function w({
  markdownText: r,
  helpUrl: n,
  placement: e = "bottom",
  showCloseButton: i = !0,
  className: c = "",
  iconSx: a,
  containerSx: p,
  Icon: l = u
}) {
  return /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(
    m,
    {
      contentProps: { markdown: r },
      placement: e,
      actionButton: n ? {
        content: /* @__PURE__ */ o(t, { children: "More info" }),
        closePopoverOnClick: !0,
        onClick: () => window.open(n, "_blank"),
        color: "primary"
      } : void 0,
      showCloseButton: i,
      maxWidth: "350px",
      containerSx: p,
      children: /* @__PURE__ */ o(l, { className: `HelpButton ${c}`, sx: a })
    }
  ) });
}
export {
  w as HelpPopover,
  w as default
};
//# sourceMappingURL=HelpPopover.js.map