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

  const options = [
    { value: 1, label: 'Option #1', disabled: false},
    { value: 2, label: 'Option #2', disabled: false},
    { value: 3, label: 'Option #3', disabled: false},
  ]

  const selectedOption = ref(3)
</script>

<template>
  <div class="grid gap-8">
    <AisSelect
      :options="options"
      v-model="selectedOption"
    />

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