@props([
'name'  => NULL,
'label' => NULL,
'error' => false,
'labelClass' => 'block mb-1'
])

@aware([
    // 'errorJs' => NULL
    'groupClass' => '',
    'required' => false,
])


@if($label || $error)
<div class="{{ $groupClass??'input-group flex flex-col' }}">
@endif

    @if(!empty($label))
        <x-form.label
            :required="$required"
            :class="$labelClass"
            :for='$name ? "form-input_$name": NULL'
        >{{$label}}</x-form.label>
    @endif

    {!! $slot !!}

    @if($error)
        <x-form.error class="block  my-1" :name="$name" />
    @endif

    {{--@if(!empty($errorJs))--}}
    {{--    <x-form.error-js class="block mb-1" :name="$name" />--}}
    {{--@endif--}}

@if($label || $error)
</div>
@endif