import { o as i } from "./rolldown-runtime.js";
import { i as l } from "./vendor/react.js";
import { t as p } from "./Tooltip.js";
import { a as o, i as c, n as u, o as d, t as g } from "./_shared.js";
var r = /* @__PURE__ */ i(l(), 1), s = {
  content: "string",
  supportingText: "string",
  side: "string",
  align: "string",
  sideOffset: "number",
  delayDuration: "number"
}, n = class extends g {
  get propDefs() {
    return s;
  }
  static get observedAttributes() {
    return Object.keys(s).map(u);
  }
  _renderReact() {
    const t = this._readAllProps(), e = this._getDefaultSlot();
    if (!t.content) return r.createElement("span", { style: { display: "contents" } }, e ? o(e) : null);
    const a = e ? r.createElement("span", { style: { display: "contents" } }, o(e)) : r.createElement("button", { type: "button" }, "Trigger");
    return r.createElement(p, {
      content: t.content,
      supportingText: t.supportingText,
      side: t.side || "top",
      align: t.align || "center",
      sideOffset: t.sideOffset ?? 6,
      delayDuration: t.delayDuration,
      trigger: a
    });
  }
};
c(n, s);
d("hf-tooltip", n);
export {
  n as TooltipWC,
  n as default
};

//# sourceMappingURL=hf-tooltip.js.map