<script setup>
import {} from "quasar";
import { useLightLabel } from "../../composables/useLightProps";
const props = defineProps({
  name: { type: null, required: false },
  size: { type: null, required: false },
  modelValue: { type: null, required: true },
  val: { type: null, required: false },
  trueValue: { type: null, required: false },
  falseValue: { type: null, required: false },
  indeterminateValue: { type: null, required: false },
  toggleOrder: { type: null, required: false },
  toggleIndeterminate: { type: Boolean, required: false, skipCheck: true },
  label: { type: null, required: false },
  leftLabel: { type: Boolean, required: false, skipCheck: true },
  checkedIcon: { type: null, required: false },
  uncheckedIcon: { type: null, required: false },
  indeterminateIcon: { type: null, required: false },
  color: { type: null, required: false },
  keepColor: { type: Boolean, required: false, skipCheck: true },
  dark: { type: [Boolean, null], required: false, skipCheck: true, default: void 0 },
  dense: { type: Boolean, required: false, skipCheck: true },
  disable: { type: Boolean, required: false, skipCheck: true },
  tabindex: { type: null, required: false },
  "onUpdate:modelValue": { type: Function, required: false }
});
const translatedLabel = useLightLabel(props);
</script>

<template>
    <q-checkbox v-bind="$props" :label="translatedLabel">
        <slot></slot>
    </q-checkbox>
</template>
