@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
59 lines (58 loc) • 1.99 kB
JavaScript
import normalizeComponent from "../../../_virtual/_plugin-vue2_normalizer.js";
import DtButton from "../../../components/button/button.vue.js";
import DtTooltip from "../../../components/tooltip/tooltip.vue.js";
import DtStack from "../../../components/stack/stack.vue.js";
import DtKeyboardShortcut from "../../../components/keyboard_shortcut/keyboard_shortcut.vue.js";
const _sfc_main = {
name: "DtRecipeMessageInputButton",
components: {
DtButton,
DtTooltip,
DtStack,
DtKeyboardShortcut
},
props: {
ariaLabel: {
type: String,
required: true
},
tooltipText: {
type: String,
required: true
},
keyboardShortcutText: {
type: String,
default: ""
},
isActive: {
type: Boolean,
default: false
},
dataQa: {
type: String,
required: true
}
},
emits: ["click"]
};
var _sfc_render = function render() {
var _vm = this, _c = _vm._self._c;
return _c("dt-tooltip", { scopedSlots: _vm._u([{ key: "anchor", fn: function() {
return [_c("dt-button", { attrs: { "data-qa": _vm.dataQa, "importance": "clear", "kind": "muted", "aria-label": _vm.ariaLabel, "size": "xs", "active": _vm.isActive }, on: { "click": function($event) {
return _vm.$emit("click", $event);
} }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
return [_vm._t("icon")];
}, proxy: true }], null, true) })];
}, proxy: true }]) }, [_c("dt-stack", { attrs: { "gap": "200" } }, [_c("p", [_vm._v(_vm._s(_vm.tooltipText))]), _vm.keyboardShortcutText ? _c("dt-keyboard-shortcut", { attrs: { "inverted": "", "shortcut": _vm.keyboardShortcutText } }) : _vm._e()], 1)], 1);
};
var _sfc_staticRenderFns = [];
var __component__ = /* @__PURE__ */ normalizeComponent(
_sfc_main,
_sfc_render,
_sfc_staticRenderFns
);
const DtRecipeMessageInputButton = __component__.exports;
export {
DtRecipeMessageInputButton as default
};
//# sourceMappingURL=message_input_button.vue.js.map