import { defineComponent as i, reactive as p, resolveComponent as n, openBlock as _, createElementBlock as u, createElementVNode as s, createVNode as o, withCtx as m } from "vue";
const g = { class: "flex justify-end relative gap-3 items-center" }, d = /* @__PURE__ */ s("div", { class: "i-mdi-graph-outline" }, null, -1), f = [
  d
], h = { class: "button flex items-center" }, C = /* @__PURE__ */ i({
  __name: "GunTools",
  setup(v) {
    const e = p({
      graph: !1,
      log: !1,
      share: !1
    });
    return (x, t) => {
      const l = n("gun-relay"), r = n("gun-graph"), a = n("ui-layer");
      return _(), u("div", g, [
        s("button", {
          class: "button flex items-center",
          onClick: t[0] || (t[0] = (c) => e.graph = !e.graph)
        }, f),
        s("button", h, [
          o(l)
        ]),
        o(a, {
          open: e.graph,
          onClose: t[1] || (t[1] = (c) => e.graph = !1)
        }, {
          default: m(() => [
            o(r)
          ]),
          _: 1
        }, 8, ["open"])
      ]);
    };
  }
});
export {
  C as default
};
//# sourceMappingURL=GunTools-aebb6a8d.js.map
