import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, unref } from "vue";
import "../../../../adapter-vue.mjs";
import "../../emoji-config/index.mjs";
const _hoisted_1 = { class: "message-image" };
const _hoisted_2 = ["src"];
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "message-face",
  props: {
    content: {
      type: Object,
      default: () => ({})
    }
  },
  setup(__props) {
    const props = __props;
    const url = ref(props.content.url);
    onMounted(() => {
      if (props.content.type === "custom") {
        {
          console.warn("CUSTOM_BIG_EMOJI_URL is required for custom emoji, please check your CUSTOM_BIG_EMOJI_URL.");
        }
      }
    });
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createElementVNode("img", {
          mode: "aspectFit",
          class: "message-image",
          src: unref(url)
        }, null, 8, _hoisted_2)
      ]);
    };
  }
});
export {
  _sfc_main as default
};
