@props(['name', 'label', 'checked' => false, 'hint' => null, 'disabled' => false])

<label class="settings-toggle-row">
    <span class="settings-toggle-label">
        {{ $label }}
        @if($hint)<small>{{ $hint }}</small>@endif
    </span>
    <span class="settings-toggle">
        <input type="checkbox" name="{{ $name }}" value="1" {{ $checked ? 'checked' : '' }} @disabled($disabled) role="switch" aria-checked="{{ $checked ? 'true' : 'false' }}">
        <span class="settings-toggle-slider" aria-hidden="true"></span>
    </span>
</label>