import { jsxs as c, jsx as o } from "react/jsx-runtime";
import { Popover as a, PopoverTrigger as d, PopoverContent as s } from "../../../popover/PopoverPrimitive.js";
import h from "../../../tooltip/Tooltip.js";
import { ToggleGroupItem as f } from "../../../toggle-group/TogglePrimitive.js";
import u from "../../../box/Box.js";
import v from "../../../text/Text.js";
import { c as T } from "../../../../index-BtlgVD4m.js";
const x = ({
  action: e,
  icon: t,
  label: i,
  ariaLabel: r,
  children: m,
  popoverWidth: l,
  open: n,
  onOpenChange: p
}) => /* @__PURE__ */ c(a, { open: n, onOpenChange: p, children: [
  /* @__PURE__ */ o(h, { content: r, asChild: !0, children: /* @__PURE__ */ o(d, { asChild: !0, children: /* @__PURE__ */ o(f, { value: e, icon: t, label: i, "aria-label": r }) }) }),
  /* @__PURE__ */ o(s, { className: T("p-0", l), children: m ?? /* @__PURE__ */ o(u, { className: "p-2", children: /* @__PURE__ */ o(v, { type: "muted", children: "Wird in einem nächsten Schritt implementiert." }) }) })
] });
x.displayName = "HtmlEditorToolbarPopoverAction";
export {
  x as default
};
//# sourceMappingURL=HtmlEditorToolbarPopoverAction.js.map
