@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
39 lines (38 loc) • 1.32 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
const emoji_picker_constants = require("../emoji_picker_constants.cjs");
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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
__props.emoji ? (vue.openBlock(), vue.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: `${vue.unref(emoji_picker_constants.CDN_URL) + __props.emoji.unicode_character}.png`
}, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
vue.createElementVNode("div", null, vue.toDisplayString((_a = __props.emoji) == null ? void 0 : _a.name), 1)
]);
};
}
};
exports.default = _sfc_main;
//# sourceMappingURL=emoji_description.vue.cjs.map