@props(['label', 'name', 'type' => 'text', 'value' => ''])

<div>
    <label for="{{ $name }}"
        class="block mb-1 font-medium text-gray-700 dark:text-gray-300">{{ $label }}</label>
    <input type="{{ $type }}" name="{{ $name }}" id="{{ $name }}" value="{{ old($name, $value) }}"
        {{ $attributes->merge(['class' => 'w-full border-gray-300 dark:border-gray-600 rounded-lg shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:text-gray-100']) }}>
</div>