<div class:col-1={col1} class:col-2={col2} class:col-3={col3} class:col-4={col4}>
  <label for="input" class="form-label">{label}</label>
  <input id="input" class="form-checkbox" type=checkbox bind:checked={value} on:change>
</div>

<script>
    export let value;
    export let label;

    export let col1 = false;
    export let col2 = false;
    export let col3 = false;
    export let col4 = false;
</script>

<style>
    .form-checkbox {
        height: 40px;
        width: 40px;
    }
</style>
