@props([
    'label' => null,
    'help' => null,
    'model' => null,
    'lazy' => false,
    'direction' => '',
    'rowWidth' => 9,
    'optionLabel' => ' ',
    'customSwitchClass' => '',
    'formGroupClass' => null,
    'size' => null,
])

@php
    if ($lazy) $bind = 'lazy';
    else $bind = 'defer';

    $wireModel = $attributes->whereStartsWith('wire:model')->first();
    $key = $attributes->get('name', $model ?? $wireModel);
    $id = uniqid();
    $prefix = null;

    $attributes = $attributes->class([
        'custom-control-input',
        'is-invalid' => $errors->has($key),
    ])->merge([
        'type' => 'checkbox',
        'name' => $key,
        'wire:model.' . $bind => $model ? $prefix . $model : null,
    ]);
@endphp

<x-ui.form-group :$label :$direction :$rowWidth :$formGroupClass>
    <div 
        @class([
            "custom-control custom-switch",
            "me-n2",
            "custom-control-$size" => $size,
            $customSwitchClass,
        ])
    >
        <input {{ $attributes->merge(['id' => $id]) }}>
        <x-ui.check-label :for="$id" class="custom-control-label" :label="$optionLabel"/>
    </div>

    <x-ui.error :key="$key"/>

    <x-ui.help :label="$help"/>

</x-ui.form-group>