import { ref as l, createElementBlock as i, openBlock as u, withModifiers as p, normalizeStyle as c, createElementVNode as f } from "vue";
import { useGun as g } from "./composables-BAZQlC3e.js";
const b = {
  __name: "PostActionBan",
  props: {
    tag: { type: String, default: "" },
    hash: { type: String, default: "" },
    host: { type: String, default: "" }
  },
  setup(s) {
    const n = s, a = g(), o = l(!1);
    a.get("ban").get(n.hash).on((t) => {
      o.value = t;
    });
    async function r() {
      let t = await a.get("ban").get(n.hash).then();
      a.get("ban").get(n.hash).put(!t);
    }
    return (t, e) => (u(), i("button", {
      class: "m-1 button items-center",
      style: c({ color: o.value ? "red" : "inherit" }),
      onClick: e[0] || (e[0] = p((m) => r(), ["stop", "prevent"]))
    }, e[1] || (e[1] = [
      f("div", { class: "i-la-trash-alt" }, null, -1)
    ]), 4));
  }
};
export {
  b as default
};
//# sourceMappingURL=PostActionBan-C2B3Qgp9.js.map
