<template>
  <div class="grid grid-cols-2 gap-10 items-end">
    <AisCombobox v-model="selectedOption"
                 :options="options"
                 label="Options"
                 size="sm"
                 rounded
    ></AisCombobox>

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

</template>

<script setup>
import { ref } from "vue"
import AisCombobox from "@/components/combobox/AisCombobox.vue";
import { defaultItems } from '@/components/table/examples/table-data.js'

const options = ref([
  { value: 23, label: 'Michael Jordan', disabled: false },
  { value: 10, label: 'BJ Armstrong', disabled: false },
  { value: 33, label: 'Scottie Pippen', disabled: false },
  { value: 50, label: 'Michael Jackson', disabled: true },
  { value: 32, label: 'Magic Johnson', disabled: false },
])
const selectedOption = ref(options.value[0].value)
</script>

<script>
export default {
  name: "AisComboboxObjects",
}
</script>