<template>
  <label
    v-if="matchesExpertLevel"
    class="ChoiceSetting"
  >
    <slot />
    {{ ' ' }}
    <Select
      :modelValue="state"
      :disabled="disabled"
      @update:modelValue="update"
    >
      <option
        v-for="option in options"
        :key="option.key"
        :value="option.value"
      >
        {{ option.label }}
        {{ option.value === defaultState ? $t('settings.instance_default_simple') : '' }}
      </option>
    </Select>
    <ModifiedIndicator :changed="isChanged" />
    <ServerSideIndicator :server-side="isServerSide" />
  </label>
</template>

<script src="./choice_setting.js"></script>

<style lang="scss">
.ChoiceSetting {
}
</style>