<template>
  <div class="space-y-3">
    <AisRadioGroup
        v-model="selectedOption"
        :options="options"
        name="radios"
        buttons
        display="grid"
    />

    <div><b>Selected Option: </b> {{ selectedOption }}</div>
  </div>
</template>

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

  const selectedOption = ref('')
  const options = ref(['Option 1', 'Option 2', 'Option 3'])
</script>
