<template>
  <div class="grid gap-4">
    <div class="mx-4 flex gap-8 items-center">
      <AisRadio v-for="option in options"
        :value="option"
        v-model="selection"
        name="radio-example"
      >
        {{option}}
      </AisRadio>
    </div>
    <div class="bg-ui-gray-50 border rounded p-4">
      Selection: {{selection}}
    </div>
  </div>
</template>

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

  const selection = ref('Two')

  const options = ref([
    'One', 'Two', 'Three'
  ])
</script>
