import { jsx as o, jsxs as t } from "react/jsx-runtime";
import { forwardRef as m } from "react";
import { Button as p } from "./button.es.js";
import { cn as c } from "../../utils/tailwindUtil.es.js";
import { TooltipProvider as a, Tooltip as d, TooltipTrigger as h, TooltipContent as f } from "./tooltip.es.js";
const T = m(({ children: i, tooltip: r, side: n = "bottom", className: e, ...l }, s) => /* @__PURE__ */ o(a, { children: /* @__PURE__ */ t(d, { children: [
  /* @__PURE__ */ o(h, { asChild: !0, children: /* @__PURE__ */ t(
    p,
    {
      variant: "ghost",
      size: "icon",
      ...l,
      className: c("size-6 p-1", e),
      ref: s,
      children: [
        i,
        /* @__PURE__ */ o("span", { className: "sr-only", children: r })
      ]
    }
  ) }),
  /* @__PURE__ */ o(f, { side: n, children: r })
] }) }));
T.displayName = "TooltipIconButton";
export {
  T as TooltipIconButton
};
//# sourceMappingURL=tooltip-icon-button.es.js.map
