<template>
  <div class="control">
    <UCheckbox
      v-model="modelValue"
      size="xl"
      label="с примеркой"
    />
  </div>
</template>

<script setup lang="ts">
const modelValue = defineModel<boolean>({ required: true })
</script>

<style scoped lang="scss">
.control {
  background: var(--ui-bg-elevated);
  padding: 8px 18px;
  border-radius: 10px;
}
</style>
