<script setup>
import {ref} from 'vue'
import AisCheckboxGroup
  from '@/components/checkbox-group/AisCheckboxGroup.vue'
import AisCheckbox
  from '@/components/checkbox/AisCheckbox.vue'


const selections = ref([])
</script>

<template>
  <div class="grid gap-4">
    <AisCheckboxGroup v-model="selections" class="px-4">
      <AisCheckbox value="biabh">Bringing It All Back Home</AisCheckbox>
      <AisCheckbox value="h61r">Highway 61 Revisited</AisCheckbox>
      <AisCheckbox value="BoB">Blonde on Blonde</AisCheckbox>
      <AisCheckbox value="basement">Basement Tapes</AisCheckbox>
    </AisCheckboxGroup>
    <div class="p-4 bg-ui-gray-50 border rounded">
      Selection: {{ selections }}
    </div>
  </div>
</template>
