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

const options = ref(['Apple', 'Banana', 'Grape'])
const selection = ref('Banana')
</script>

<template>
  <div class="grid gap-4">
    <AisRadioGroup
      display="grid"
      gap="gap-1"
      class="px-4"
      :options="options"
      v-model="selection"
    />
    <div class="p-4 bg-ui-gray-50 border rounded">
      Selection: {{ selection }}
    </div>
  </div>
</template>
