| 
@props(['disabled' => false])
 <div class="flex">
 <input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'rounded-l-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50']) !!}>
 <span class="flex items-center px-3 rounded-r-md border-t border-b border-r border-gray-300 bg-gray-50 text-gray-500 text-sm mt-1">
 .{{ env('CENTRAL_DOMAIN') }}
 </span>
 </div>
 
 |