<script setup>
import { ref } from "vue"
import AisCombobox from "@/components/combobox/AisCombobox.vue";

const selectedValue = ref('Ed Hill')
const options = ref([
  'Denny Crall',
  `Ben O'Brien`,
  'Ed Hill',
  'Siddharth Sarathe',
  'Cyrus Coffman',
])
</script>

<template>
  <div class="grid grid-cols-2 gap-10 items-end">
    <AisCombobox v-model="selectedValue"
                 :options="options"
                 label="Check on the left (default)"
                 size="sm"
                 rounded
    ></AisCombobox>

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