@props(['label' => null, 'error' => null, 'required' => false, 'name' => null])

<div class="space-y-1">
    @if($label)
        <label {{ $attributes->only('for') }} class="block text-sm font-medium text-gray-700 dark:text-gray-300">
            {{ $label }}
            @if($required)
                <span class="text-red-500">*</span>
            @endif
        </label>
    @endif
    
    <input 
        {{ $attributes->except(['label', 'error', 'required', 'name'])->merge(['class' => 'block w-full h-10 rounded-md border-gray-300 shadow-sm focus:border-primary focus:ring-primary sm:text-sm dark:bg-gray-700 dark:border-gray-600 dark:text-white' . (($error || ($name && $errors->has($name))) ? ' border-red-300 focus:border-red-500 focus:ring-red-500' : ''), 'name' => $name]) }}
        @if($required) required @endif
    >
    
    @if($error)
        <p class="text-sm text-red-600 dark:text-red-400">{!! $error !!}</p>
    @elseif($name && $errors->has($name))
        <p class="text-sm text-red-600 dark:text-red-400">{!! $errors->first($name) !!}</p>
    @endif
</div>