import { CocoComponent } from "@assets/js/coco/component";
import { getData } from "@helpers/alpine";

export default CocoComponent("popoverContent", () => {
  return {
    init() {
      this.hide = this.hide.bind(this);
      this.show = this.show.bind(this);
      this.toggle = this.toggle.bind(this);
    },

    hide() {
      this.$dispatch("popover:hide", { target: this.$root.__popover_target });
    },

    show() {
      this.$dispatch("popover:show", { target: this.$root.__popover_target });
    },

    toggle() {
      this.$dispatch("popover:toggle", { target: this.$root.__popover_target });
    },
  };
});