@props([
    'item' => null,
    'checked' => false,
    'modelPrefix' => null,
])

<li x-data="{open: {{ $checked ? 'true' : 'false' }}}">
    <x-ui.custom-switch 
        x-on:click="open = ! open"
        model="{{ $modelPrefix }}.checked" 
        :label="$item->name" size="xs" 
        :no-control="true" 
    />

    @if($item->has_meta)
    <div x-show="open" x-cloak>
        <x-ui.input model="{{ $modelPrefix }}.meta" maxlength="128" size="sm" class="mt-1"/>
    </div>
    @endif
</li>