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

  let flag = ref(false)
</script>

<template>
  <div class="grid gap-4 mx-4">
    <label class="text-lg font-semibold font-sans
                  flex gap-2.5 items-center">
      <BaseCheckbox v-model="flag" id="test-check" name="test" />
      <span>Checked: {{flag}}</span>
    </label>
  </div>
</template>

