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

import { faGlobe } from '@fortawesome/free-solid-svg-icons'
import { library } from '@fortawesome/fontawesome-svg-core'

let selection = ref('user')
library.add(faGlobe)
</script>

<template>
  <div class="mx-4 flex gap-8">
    <AisRadio icon="user" v-model="selection" value="user">User</AisRadio>
    <AisRadio icon="users" v-model="selection" value="group">Group</AisRadio>
    <AisRadio :icon="faGlobe" v-model="selection" value="world">World</AisRadio>
  </div>
</template>
