<template>
  <div class="flex flex-col gap-2">
    <label class="text-sm font-medium text-gray-700">Select a page from the site*</label>
    <select v-model="url" name="url">
      <option
          :value="site.href"
          v-for="(site) in sites">
        {{ site.name }}
      </option>
    </select>
  </div>
</template>

<script setup>

const url = defineModel("url");

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