import { jsx as o } from "react/jsx-runtime";
import { isEmpty as l } from "es-toolkit/compat";
import p from "../../utils/classNames.js";
import a from "../dropdown/ButtonDropdown.js";
import d from "../tooltip/SimpleTooltip.js";
const w = (i) => {
  const { treeOptions: e = [], treeOptionsTooltip: t, className: s } = i;
  if (l(e))
    return null;
  const n = p("display-flex flex-column gap-10", "width-250", "padding-15", s), r = /* @__PURE__ */ o(
    a,
    {
      title: /* @__PURE__ */ o("span", { className: "rioglyph rioglyph-option-vertical", "aria-hidden": "true" }),
      bsStyle: "default",
      bsSize: "sm",
      customDropdown: /* @__PURE__ */ o("div", { className: n, children: e }),
      toggleClassName: "hover-bg-white border-none text-color-gray hover-text-color-dark",
      className: "TreeHeaderOptions height-20",
      pullRight: !0,
      iconOnly: !0
    }
  );
  return t ? /* @__PURE__ */ o(
    d,
    {
      content: t,
      placement: "bottom-end",
      delay: { show: 1e3, hide: 0 },
      popperConfig: {
        modifiers: [
          {
            name: "offset",
            options: {
              offset: [10, 5]
            }
          },
          {
            name: "arrow",
            options: {}
          }
        ]
      },
      children: /* @__PURE__ */ o("div", { children: r })
    }
  ) : r;
};
export {
  w as default
};
//# sourceMappingURL=TreeOptions.js.map
