<script setup>
import {ref} from 'vue'
import AisInputGroup from '@/components/input-group/AisInputGroup.vue'
import AisSelect from '@c/select/AisSelect.vue'
import AisButton from '@/components/button/AisButton.vue'
import AisField from '@c/field/AisField.vue'

const albums = [
  'The Mysterious Production of Eggs',
  'Nobel Beast',
  'Break It Yourself',
  'Things Are Really Great Here'
]
</script>

<template>
  <AisField label="AisSelect + AisButton">
    <AisInputGroup class="">
      <AisSelect :options="albums" class="grow" />
      <AisButton variant="secondary" font="caps" hover press>Select</AisButton>
    </AisInputGroup>
  </AisField>
</template>
