import { jsx as o } from "react/jsx-runtime";
import a from "../../../tooltip/Tooltip.js";
import m from "../input-group-addon-wrapper/InputGroupAddonWrapper.js";
import u from "../../../icon/Icon.js";
import { c } from "../../../../index-BtlgVD4m.js";
const d = 16, l = ({
  content: r,
  icon: t = "Info",
  iconSize: e = d,
  side: p = "right",
  align: n = "center",
  sideOffset: i = 4,
  delayDuration: s = 0
}) => /* @__PURE__ */ o(a, { content: r, side: p, align: n, sideOffset: i, delayDuration: s, children: /* @__PURE__ */ o(
  m,
  {
    className: c("cursor-help", "text-[var(--base-muted-foreground)]", "hover:text-[var(--base-foreground)]", "transition-colors"),
    children: /* @__PURE__ */ o(u, { name: t, size: e })
  }
) });
l.displayName = "InputGroupTooltip";
export {
  l as default
};
//# sourceMappingURL=InputGroupTooltip.js.map
