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