@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
39 lines (38 loc) • 1.22 kB
JavaScript
import { openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString } from "vue";
import { CDN_URL } from "../emoji_picker_constants.js";
const _hoisted_1 = { class: "d-emoji-picker__data" };
const _hoisted_2 = ["alt", "aria-label", "title", "src"];
const _sfc_main = {
__name: "emoji_description",
props: {
/**
* Emoji data
* @type {Object}
* @default null
*/
emoji: {
type: Object,
default: null
}
},
setup(__props) {
return (_ctx, _cache) => {
var _a;
return openBlock(), createElementBlock("div", _hoisted_1, [
__props.emoji ? (openBlock(), createElementBlock("img", {
key: 0,
class: "d-icon d-icon--size-500",
alt: __props.emoji.name,
"aria-label": __props.emoji.name,
title: __props.emoji.name,
src: `${unref(CDN_URL) + __props.emoji.unicode_character}.png`
}, null, 8, _hoisted_2)) : createCommentVNode("", true),
createElementVNode("div", null, toDisplayString((_a = __props.emoji) == null ? void 0 : _a.name), 1)
]);
};
}
};
export {
_sfc_main as default
};
//# sourceMappingURL=emoji_description.vue.js.map