@props([
    'id' => '',
    'name' => '',
    'label' => 'Label',
    'value' => '',
    'checked' => false,
])

<div class="flex">
    <input type="checkbox" id="{{ $id; }}" name="{{ $name; }}" value="{{ $value; }}" @if ( $checked) checked @endif class="hidden peer" />
    <label for="{{ $id; }}"
        class="w-full px-4 py-2.5 text-center transition-colors duration-200 ease-in-out bg-transparent border-2 rounded-lg cursor-pointer select-none text-iron border-iron/20 peer-checked:bg-iron peer-checked:text-white">
        {!! $label; !!}
    </label>
</div>