@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
52 lines (51 loc) • 1.54 kB
JavaScript
import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toDisplayString } from "vue";
import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
import DtAvatar from "../../../avatar/avatar.vue.js";
import DtStack from "../../../stack/stack.vue.js";
const _sfc_main = {
compatConfig: { MODE: 3 },
name: "MentionSuggestion",
components: {
DtAvatar,
DtStack
},
props: {
item: {
type: Object,
required: true
}
},
computed: {
name() {
return this.item.name;
},
avatarSrc() {
return this.item.avatarSrc;
}
}
};
const _hoisted_1 = { class: "d-mention-suggestion__name" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_dt_avatar = resolveComponent("dt-avatar");
const _component_dt_stack = resolveComponent("dt-stack");
return openBlock(), createBlock(_component_dt_stack, {
direction: "row",
gap: "400"
}, {
default: withCtx(() => [
createVNode(_component_dt_avatar, {
"full-name": $options.name,
"image-src": $options.avatarSrc,
"image-alt": $options.name,
size: "xs"
}, null, 8, ["full-name", "image-src", "image-alt"]),
createElementVNode("span", _hoisted_1, toDisplayString($options.name), 1)
]),
_: 1
});
}
const MentionSuggestion = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
MentionSuggestion as default
};
//# sourceMappingURL=MentionSuggestion.vue.js.map