import * as React from "react";
import { y } from "./index.bXWE_wTx.js";
import { p } from "./text.Kef1FAw8.js";
import { h as Root3, T as Trigger, i as Portal, R, j as Content2, k as Arrow2 } from "./theme.0GtWn8C6.js";
import { t, v } from "./radius.prop.BtpSO2zx.js";
const e$1 = { content: { type: "ReactNode", required: true }, width: t.width, minWidth: t.minWidth, maxWidth: { ...t.maxWidth, default: "360px" } };
const e = React.forwardRef((i, p$1) => {
  const { children: r, className: n, open: s, defaultOpen: l, onOpenChange: m, delayDuration: a, disableHoverableContent: f, content: P, container: T, forceMount: c, ...d } = v(i, e$1), C = { open: s, defaultOpen: l, onOpenChange: m, delayDuration: a, disableHoverableContent: f };
  return React.createElement(Root3, { ...C }, React.createElement(Trigger, { asChild: true }, r), React.createElement(Portal, { container: T, forceMount: c }, React.createElement(R, { asChild: true }, React.createElement(Content2, { sideOffset: 4, collisionPadding: 10, ...d, asChild: false, ref: p$1, className: y("rt-TooltipContent", n) }, React.createElement(p, { as: "p", className: "rt-TooltipText", size: "1" }, P), React.createElement(Arrow2, { className: "rt-TooltipArrow" })))));
});
e.displayName = "Tooltip";
export {
  e
};
//# sourceMappingURL=tooltip.Bizf56xz.js.map
