@props([
    'icon' => null,
])

<div class="input-group">
    {{-- <x-text-field></x-text-field> --}}
    {!! $slot !!}
    @if ($icon)
        <span class="input-group-append">
            <span class="bg-transparent border-left-0 input-group-text">
                <i class="fal fa-fw fa-{{ $icon }}"></i>
            </span>
        </span>
    @endif
</div>