<template>
  <div>
    <AisRadioGroup
        v-model="selectedOption"
        :options="options"
        name="radios"
        buttons
        stacked
    />

    <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([
      { value: 'A', text: 'Option A' },
      { value: 'B', text: 'Option B' },
      { value: 'C', text: 'Option C' },
  ])
</script>
