@props(['name', 'label', 'type'])
<div class="flex space-x-3 items-center">
    <label for="{{ $name }}" class="block text-sm text-gray-500">{{ $label }}:</label>
    <input type="{{ $type }}" name="{{ $name }}"
        class="bg-gray-100 text-gray-900 text-sm rounded-lg block p-2" {{ $attributes }} />
    <div>
        @error($name)
            <span class="error-text">{{ $message }}</span>
        @enderror
    </div>
</div>
