import { defineComponent as r, computed as i, openBlock as s, createBlock as p, withCtx as o, createElementVNode as a, createVNode as m } from "vue";
import l from "./Tooltip.vue.js";
import _ from "../icon/Icon.vue.js";
import { infoIcon as d } from "../../common/icons.js";
const f = ["innerHTML"], u = {
  content: String,
  icon: String
}, g = { name: "XToggleTip" }, y = /* @__PURE__ */ r({
  ...g,
  props: u,
  setup(t) {
    const n = t, e = i(() => n.icon || d);
    return (c, T) => (s(), p(l, { position: "right" }, {
      tooltip: o(() => [
        a("div", { innerHTML: c.content }, null, 8, f)
      ]),
      default: o(() => [
        m(_, {
          icon: e.value,
          class: "text-secondary-500 dark:text-secondary-300 cursor-pointer"
        }, null, 8, ["icon"])
      ]),
      _: 1
    }));
  }
});
export {
  y as default
};
