import Select from 'src/components/select/select.vue'
import Setting from './setting.js'

export default {
  ...Setting,
  components: {
    ...Setting.components,
    Select
  },
  props: {
    ...Setting.props,
    overrideOptions: {
      type: Boolean,
      required: false
    },
    options: {
      type: Array,
      required: false
    },
    optionLabelMap: {
      type: Object,
      required: false,
      default: {}
    }
  },
  computed: {
    ...Setting.computed,
    realOptions () {
      if (this.overrideOptions) {
        return this.options
      }
      if (this.realSource === 'admin') {
        if (
          !this.backendDescriptionSuggestions?.length ||
            this.backendDescriptionSuggestions?.length === 0
        ) {
          return this.options
        }
        return this.backendDescriptionSuggestions.map(x => ({
          key: x,
          value: x,
          label: this.optionLabelMap[x] || x
        }))
      }
      return this.options
    }
  },
  methods: {
    ...Setting.methods,
    getValue (e) {
      return e
    }
  }
}