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

    <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('caps')
  const options = ref(['caps', 'sans', 'serif'])
</script>
