<script setup>
  import { ref } from 'vue';
  import AisSelect from '@/components/select/AisSelect.vue'

  const selectedOption = ref(undefined)
</script>

<template>
  <div class="grid gap-8">
    <AisSelect v-model="selectedOption">
      <option value="1">Option #1</option>
      <option value="2">Option #2</option>
      <option value="3">Option #3</option>
    </AisSelect>

    <div class="p-4 bg-ui-gray-50 border rounded">
      v-model: {{selectedOption}}
    </div>
  </div>
</template>
