import { defineComponent, computed, unref, toRefs, openBlock, createElementBlock, normalizeStyle, createElementVNode } from 'vue';

var _hoisted_1 = ["innerHTML"];
var script = defineComponent({
  __name: 'ToolTip',
  props: {
    offset: {
      type: Object,
      required: true,
      "default": function _default() {
        return {
          x: 0,
          y: 0
        };
      }
    },
    hidden: {
      type: Boolean,
      required: true,
      "default": false
    },
    content: {
      type: null,
      required: true,
      "default": ''
    }
  },
  setup: function setup(__props) {
    var props = __props;
    var html = computed(function () {
      return unref(props.content);
    });
    var _toRefs = toRefs(props),
      offset = _toRefs.offset;
    return function (_ctx, _cache) {
      var _unref2, _unref3;
      return openBlock(), createElementBlock("article", {
        "class": "tooltip custom",
        style: normalizeStyle({
          left: ((_unref2 = unref(offset)) === null || _unref2 === void 0 ? void 0 : _unref2.x) + 'px',
          top: ((_unref3 = unref(offset)) === null || _unref3 === void 0 ? void 0 : _unref3.y) + 'px'
        })
      }, [createElementVNode("div", {
        innerHTML: html.value
      }, null, 8, _hoisted_1)], 4);
    };
  }
});

export { script as default };
