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

<div class="mb-4">
    <label for="{{ $name }}" class="block text-sm font-medium text-gray-600">{{ $label }}</label>
    <input type="{{ $type }}" name="{{ $name }}" id="{{ $name }}" class="mt-1 p-2 w-full border rounded-md" {{ $required ? 'required' : '' }}>
</div>