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

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

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