<template>
  <SettingsItem :label="label">
    <template #default>
      <select class="form-control" v-model="model">
        <option v-for="(value, key) in items" :value="key" :key="key">
          {{ value }}
        </option>
      </select>
    </template>
    <template #help>
      <slot/>
    </template>
  </SettingsItem>
</template>

<script setup>
import SettingsItem from "@/components/SettingsItem.vue";

const model = defineModel();
const props = defineProps({
  items: {
    type: Object,
    default: {},
  },
  label: {
    type: String,
    default: '',
  },
});
</script>

<style scoped>

</style>
