import { createElementBlock as r, createCommentVNode as o, openBlock as a, createElementVNode as t, normalizeStyle as c, toDisplayString as s } from "vue";
/* empty css                 */
import i from "../../../_virtual/_plugin-vue_export-helper.js";
const l = {
  key: 0,
  class: "profile__container"
}, n = {
  key: 0,
  class: "profile__avatar-container"
}, _ = ["src"], u = { class: "profile__name" }, d = { class: "profile__email" }, m = { class: "profile__phone" }, f = {
  __name: "UserProfile",
  props: {
    user: {
      type: Object,
      required: !0
    }
  },
  setup(e) {
    return (h, p) => e.user ? (a(), r("div", l, [
      e.user.avatar ? (a(), r("div", n, [
        t("span", {
          class: "profile__status",
          style: c({ backgroundColor: e.user.status })
        }, null, 4),
        t("img", {
          src: e.user.avatar,
          height: "48",
          width: "48"
        }, null, 8, _)
      ])) : o("", !0),
      t("h2", u, s(e.user.name), 1),
      t("p", d, s(e.user.email), 1),
      t("p", m, s(e.user.phone), 1)
    ])) : o("", !0);
  }
}, g = /* @__PURE__ */ i(f, [["__scopeId", "data-v-8ff961d8"]]);
export {
  g as default
};
