import { j as e, B as r } from "./index-c65ca4a4.mjs";
import { P as c } from "./Popover-016ae0d0.mjs";
const p = ({
  trigger: o,
  triggerButtonProps: t,
  items: s,
  position: n = "left"
}) => (o || (o = /* @__PURE__ */ e.jsx(r, { icon: "ellipsis", label: "Menu", hideLabel: !0, ...t })), /* @__PURE__ */ e.jsx(c, { position: n, trigger: o, closeOnItemClick: !0, children: /* @__PURE__ */ e.jsx("div", { className: "flex min-w-[160px] flex-col justify-stretch py-1", role: "none", children: s.map((l) => /* @__PURE__ */ e.jsx("button", { className: "mx-1 block cursor-pointer rounded-[2.5px] px-4 py-1.5 text-left text-sm hover:bg-grey-100", type: "button", onClick: l.onClick, children: l.label }, l.id)) }) }));
export {
  p as M
};
//# sourceMappingURL=Menu-6f7d6f3e.mjs.map
