<template>
  <div class="grid gap-8">
    <AisSelect :options="['sm', 'md', 'lg']" v-model="selectedSize" />

    <AisSelect
        :size="selectedSize"
        :options="options"
        :modelValue="selectedOption"
    />
  </div>
</template>

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

  const options = [ 'Option #1', 'Option #2', 'Option #3']
  const selectedSize = ref('md')
  const selectedOption = ref('Option #2')
</script>
