<script setup>
import {ref} from 'vue'
import AisRadioGroup
  from '@/components/radio-group/AisRadioGroup.vue'
import AisRadio
  from '@/components/radio/AisRadio.vue'


const selection = ref('')
</script>

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