<script setup>
import { ref } from 'vue'
import { variants } from "@/util/variants-util";
import AisAddon from '@c/addon/AisAddon.vue'
import AisInputGroup from '@c/input-group/AisInputGroup.vue'
import AisSelect from '@c/select/AisSelect.vue'
import AisField from '@c/field/AisField.vue'

const selectedVariant = ref('default')
</script>

<template>
  <AisField label="Variant example">
    <AisInputGroup>
      <AisAddon :variant="selectedVariant" :icon="selectedVariant">
        Example
      </AisAddon>
      <AisSelect v-model="selectedVariant" :options="variants" class="w-72"  />
    </AisInputGroup>
  </AisField>
</template>

