import n from "../button/button.js";
import { DtIconMoreVertical as r } from "@dialpad/dialtone-icons/vue2";
import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
const i = {
  name: "DtRecipeSettingsMenuButton",
  components: {
    DtButton: n,
    DtIconMoreVertical: r
  },
  props: {
    /**
     * Determines whether the button should display the update state
     * default is false
     * @values true, false
     */
    updateAvailable: {
      type: Boolean,
      default: !1
    },
    /**
     * Aria label
     */
    ariaLabel: {
      type: String,
      required: !0
    }
  },
  emits: [
    /**
     * Native click event
     *
     * @event click
     * @type {PointerEvent | KeyboardEvent}
     */
    "click"
  ]
};
var o = function() {
  var t = this, e = t._self._c;
  return t.updateAvailable ? e("dt-button", t._g({ staticClass: "d-recipe-settings-menu-button-update", attrs: { importance: "outlined", size: "xs", "icon-position": "right", "aria-label": t.ariaLabel }, scopedSlots: t._u([{ key: "icon", fn: function() {
    return [e("dt-icon-more-vertical", { attrs: { size: "300" } })];
  }, proxy: !0 }], null, !1, 3727801736) }, t.$listeners), [t._t("default")], 2) : e("dt-button", t._g({ staticClass: "d-recipe-settings-menu-button", attrs: { importance: "clear", kind: "inverted", "aria-label": t.ariaLabel }, scopedSlots: t._u([{ key: "icon", fn: function() {
    return [e("dt-icon-more-vertical", { attrs: { size: "300" } })];
  }, proxy: !0 }]) }, t.$listeners));
}, s = [], c = /* @__PURE__ */ a(
  i,
  o,
  s
);
const m = c.exports;
export {
  m as default
};
//# sourceMappingURL=settings-menu-button.js.map
