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

<div class="relative">
    @if($icon)
        <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
            <i class="{{ $icon }} text-gray-400"></i>
        </div>
    @endif
    
    <input @disabled($disabled) 
           {{ $attributes->merge([
               'class' => 'form-control' . ($icon ? ' pl-10' : ''),
               'style' => 'border: 2px solid #e2e8f0; border-radius: 12px; padding: 12px 16px; font-size: 14px; transition: all 0.3s ease; background: #f8fafc; width: 100%;'
           ]) }}>
</div>