import { openBlock as t, createElementBlock as s, createVNode as d, withCtx as i, Fragment as u, renderList as _, normalizeStyle as p, createBaseVNode as n, toDisplayString as o, unref as g, isEmoji as m, TransitionGroup as x } from "./composables-Ci32s3jE.js";
const h = { class: "p-2 flex flex-wrap bg-light-800 shadow-md rounded-xl gap-2" }, f = ["onClick"], k = { class: "text-4xl" }, y = /* @__PURE__ */ n("div", { class: "flex-1 w-4" }, null, -1), v = {
  key: 0,
  class: "i-la-angle-up"
}, b = {
  key: 1,
  class: "i-la-angle-down"
}, w = { class: "text-lg ml-1" }, E = {
  __name: "PostReactionTabs",
  props: {
    reactions: { type: Object, default: () => ({}) },
    current: { type: String, default: "" }
  },
  emits: ["update:current"],
  setup(l, { emit: r }) {
    const a = r;
    return (C, j) => (t(), s("div", h, [
      d(x, { name: "fade" }, {
        default: i(() => [
          (t(!0), s(u, null, _(l.reactions, (c, e) => (t(), s("div", {
            class: "flex py-2 items-center cursor-pointer bg-light-100 dark-bg-dark-200 rounded-xl shadow-lg px-4",
            key: e,
            style: p([{ flex: "1 1 10px" }, { backgroundColor: l.current == e ? "#999" : "" }]),
            onClick: (B) => a("update:current", e)
          }, [
            n("div", k, o(g(m)(e) ? e : "👋"), 1),
            y,
            l.current == e ? (t(), s("div", v)) : (t(), s("div", b)),
            n("div", w, o(Object.keys(c).length), 1)
          ], 12, f))), 128))
        ]),
        _: 1
      })
    ]));
  }
};
export {
  E as default
};
//# sourceMappingURL=PostReactionTabs-D8IpitTl.js.map
