<template>
  <div class="flex flex-col gap-3">
    <div>
      <AisRadioGroup
          v-model="selectedOption"
          :options="['rounded', 'rounded-md', 'rounded-lg', 'rounded-full']"
          name="radios"
          buttons
          button-variant="default"
          :class="selectedOption"
      />
    </div>

    <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('rounded-full')
</script>
