import { defineComponent as n, useCssModule as r, computed as t, openBlock as d, createElementBlock as u, normalizeClass as m, unref as c, renderSlot as f } from "vue";
import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
const _ = ["aria-selected", "aria-disabled"], v = /* @__PURE__ */ n({
  __name: "MenuItem",
  props: {
    isSelected: { type: Boolean, default: void 0 },
    isDisabled: { type: Boolean, default: void 0 }
  },
  setup(s) {
    const o = r(), e = s, a = t(() => {
      if (e.isSelected !== void 0)
        return e.isSelected ? "true" : "false";
    }), i = t(() => {
      if (e.isDisabled !== void 0)
        return e.isDisabled ? "true" : void 0;
    });
    return (l, h) => (d(), u("li", {
      "data-test": "stash-menu-item",
      role: "menuitem",
      class: m(["stash-menu-item mb-1.5 first:mt-0 last:mb-0", c(o).menuitem]),
      "aria-selected": a.value,
      "aria-disabled": i.value
    }, [
      f(l.$slots, "default")
    ], 10, _));
  }
}), b = "_menuitem_tRL83", M = {
  menuitem: b
}, S = {
  $style: M
}, D = /* @__PURE__ */ p(v, [["__cssModules", S]]);
export {
  D as default
};
//# sourceMappingURL=MenuItem.js.map
