<script lang="ts" setup>
const props = defineProps<{modelValue?: boolean}>();
const emits = defineEmits<{
  (e: "update:modelValue", value: boolean): void
}>();
</script>

<template>
  <input
    type="checkbox"
    :checked="modelValue"
    class="dark:bg-slate-900"
    @change="emits('update:modelValue', ($event.target as HTMLInputElement)?.checked)"
  >
</template>
