import { computed, observer } from "@ember/object";
import MultiSelectComponent from "select-kit/components/multi-select";

export default MultiSelectComponent.extend({
  _modelDisabledChanged: observer("attrs.disabled", function () {
    this.selectKit.options.set("disabled", this.get("attrs.disabled.value"));
  }),

  content: computed(function () {
    return this.commands;
  }),

  value: "",

  selectKitOptions: {
    filterable: true,
  },
});