import { n as o } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
import a from "../button/button.js";
import n from "../tooltip/tooltip.js";
import i from "../stack/stack.js";
import c from "../keyboard-shortcut/keyboard-shortcut.js";
const u = {
  name: "DtRecipeMessageInputButton",
  components: {
    DtButton: a,
    DtTooltip: n,
    DtStack: i,
    DtKeyboardShortcut: c
  },
  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"]
};
var s = function() {
  var t = this, e = t._self._c;
  return e("dt-tooltip", { scopedSlots: t._u([{ key: "anchor", fn: function() {
    return [e("dt-button", { attrs: { "data-qa": t.dataQa, importance: "clear", kind: "muted", "aria-label": t.ariaLabel, size: "xs", active: t.isActive }, on: { click: function(r) {
      return t.$emit("click", r);
    } }, scopedSlots: t._u([{ key: "icon", fn: function() {
      return [t._t("icon")];
    }, proxy: !0 }], null, !0) })];
  }, proxy: !0 }]) }, [e("dt-stack", { attrs: { gap: "200" } }, [e("p", [t._v(t._s(t.tooltipText))]), t.keyboardShortcutText ? e("dt-keyboard-shortcut", { attrs: { inverted: "", shortcut: t.keyboardShortcutText } }) : t._e()], 1)], 1);
}, p = [], d = /* @__PURE__ */ o(
  u,
  s,
  p
);
const S = d.exports;
export {
  S as default
};
//# sourceMappingURL=message-input-button.js.map
