@props([
    'col' => 'col-md-12',
    'label' => null,
    'for' => null,
    'class' => '',
    'required' => false,
    'info' => null,
])

<div class="{{ $col }} {{ $class }}">
    <div class="mb-3">
        @if ($label)
            <label for="{{ $for }}" class="form-label">
                {{ $label }}
                @if ($required)
                    <span class="required">*</span>
                @endif
            </label>
        @endif

        {{ $slot }}

        @if ($info)
            <div class="text-muted">{!! $info !!}</div>
        @endif

        @if ($for && $errors->has($for))
            <div class="invalid-feedback">{{ $errors->first($for) }}</div>
        @endif
    </div>
</div>