@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
80 lines (79 loc) • 2.04 kB
JavaScript
import { resolveComponent as e, openBlock as n, createBlock as i, withCtx as o, createVNode as c, renderSlot as p, createElementVNode as _, toDisplayString as f, createCommentVNode as k } from "vue";
import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
import b from "../button/button.js";
import S from "../tooltip/tooltip.js";
import g from "../stack/stack.js";
import h from "../keyboard-shortcut/keyboard-shortcut.js";
const x = {
compatConfig: { MODE: 3 },
name: "DtRecipeMessageInputButton",
components: {
DtButton: b,
DtTooltip: S,
DtStack: g,
DtKeyboardShortcut: h
},
props: {
ariaLabel: {
type: String,
required: !0
},
tooltipText: {
type: String,
required: !0
},
keyboardShortcutText: {
type: String,
default: ""
},
isActive: {
type: Boolean,
default: !1
},
dataQa: {
type: String,
required: !0
}
},
emits: ["click"]
};
function D(r, a, t, v, B, T) {
const d = e("dt-button"), l = e("dt-keyboard-shortcut"), u = e("dt-stack"), s = e("dt-tooltip");
return n(), i(s, null, {
anchor: o(() => [
c(d, {
"data-qa": t.dataQa,
importance: "clear",
kind: "muted",
"aria-label": t.ariaLabel,
size: "xs",
active: t.isActive,
onClick: a[0] || (a[0] = (m) => r.$emit("click", m))
}, {
icon: o(() => [
p(r.$slots, "icon")
]),
_: 3
}, 8, ["data-qa", "aria-label", "active"])
]),
default: o(() => [
c(u, { gap: "200" }, {
default: o(() => [
_("p", null, f(t.tooltipText), 1),
t.keyboardShortcutText ? (n(), i(l, {
key: 0,
inverted: "",
shortcut: t.keyboardShortcutText
}, null, 8, ["shortcut"])) : k("", !0)
]),
_: 1
})
]),
_: 3
});
}
const E = /* @__PURE__ */ y(x, [["render", D]]);
export {
E as default
};
//# sourceMappingURL=message-input-button.js.map