@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
52 lines (51 loc) • 1.55 kB
JavaScript
import DtIconHash from "@dialpad/dialtone-icons/vue3/hash";
import DtIconLock from "@dialpad/dialtone-icons/vue3/lock";
import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, toDisplayString } from "vue";
import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
import DtStack from "../../../stack/stack.vue.js";
const _sfc_main = {
compatConfig: { MODE: 3 },
name: "ChannelSuggestion",
components: {
DtStack,
DtIconHash,
DtIconLock
},
props: {
item: {
type: Object,
required: true
}
},
computed: {
name() {
return this.item.name;
}
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_dt_icon_hash = resolveComponent("dt-icon-hash");
const _component_dt_icon_lock = resolveComponent("dt-icon-lock");
const _component_dt_stack = resolveComponent("dt-stack");
return openBlock(), createBlock(_component_dt_stack, {
direction: "row",
gap: "400"
}, {
default: withCtx(() => [
!$props.item.locked ? (openBlock(), createBlock(_component_dt_icon_hash, {
key: 0,
size: "300"
})) : (openBlock(), createBlock(_component_dt_icon_lock, {
key: 1,
size: "300"
})),
createElementVNode("span", null, toDisplayString($options.name), 1)
]),
_: 1
});
}
const ChannelSuggestion = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export {
ChannelSuggestion as default
};
//# sourceMappingURL=ChannelSuggestion.vue.js.map