<script setup>
import { ref } from 'vue'
import AisCheckbox from '@/components/checkbox/AisCheckbox.vue'

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

let options = ref(['One', 'Two', 'Three', 'Four'])
let selection = ref([])
library.add(faGlobe)
</script>

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