import { defineComponent as r, openBlock as a, createBlock as s, withCtx as e, createElementVNode as l, createVNode as n, renderSlot as o } from "vue";
import c from "../popover/Popover.vue.js";
import "../popover/Popover.vue3.js";
import p from "../popover/PopoverContainer.vue.js";
import "../../node_modules/.pnpm/floating-vue@5.2.2_vue@3.3.9/node_modules/floating-vue/dist/floating-vue.js";
const i = { class: "dark" }, m = {
  placement: {
    type: String,
    default: "bottom"
  }
}, _ = { name: "XTooltip" }, $ = /* @__PURE__ */ r({
  ..._,
  props: m,
  setup(d) {
    return (t, f) => (a(), s(c, {
      triggers: ["hover", "click"],
      class: "inline-block",
      "hide-arrow": !1,
      placement: t.placement
    }, {
      content: e(() => [
        l("div", i, [
          n(p, { class: "p-2 text-white text-xs w-max max-w-xs" }, {
            default: e(() => [
              o(t.$slots, "tooltip")
            ]),
            _: 3
          })
        ])
      ]),
      default: e(() => [
        o(t.$slots, "default")
      ]),
      _: 3
    }, 8, ["placement"]));
  }
});
export {
  $ as default
};
