<template>
  <div class="flex flex-col gap-2">
    <label class="text-sm font-medium text-gray-700">Select an item*</label>
    <select v-model="url" name="url">
      <option
          :value="item.value"
          v-for="(item) in items">
        {{ item.name }}
      </option>
    </select>
  </div>
</template>

<script setup>

const url = defineModel("url");

defineProps({
  items: {type: Object, required: true},
  errors: {type: Object, required: false, default: () => ({})},
});
</script>
