import { defineComponent as c, useColor as u, useAvatar as f, openBlock as t, createElementBlock as o, normalizeStyle as n, unref as r, renderSlot as h, createBaseVNode as b } from "./composables-Ci32s3jE.js";
const m = { class: "flex flex-col items-center justify-center" }, p = ["width", "height", "src"], y = /* @__PURE__ */ b("div", { class: "i-la-user" }, null, -1), v = [
  y
], k = /* @__PURE__ */ c({
  __name: "AccountAvatar",
  props: {
    pub: { type: String, default: "" },
    size: { type: Number, default: 42 },
    border: { type: Number, default: 2 }
  },
  setup(e) {
    const s = e, l = u("deep"), { avatar: i, blink: a } = f(() => s.pub, () => s.size);
    return (d, x) => (t(), o("div", m, [
      e.pub ? (t(), o("img", {
        key: 0,
        class: "border rounded-full overflow-hidden transition duration-500 ease-out",
        style: n({ borderColor: r(a) ? r(l).hex(e.pub) : "transparent", borderWidth: `${e.border}px` }),
        width: e.size,
        height: e.size,
        src: r(i)
      }, null, 12, p)) : (t(), o("div", {
        key: 1,
        class: "pb-2 px-1",
        style: n({ fontSize: e.size + "px" })
      }, v, 4)),
      h(d.$slots, "default")
    ]));
  }
});
export {
  k as default
};
//# sourceMappingURL=AccountAvatar-CHtL6cDm.js.map
