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

<div>
    <label for="{{ $name }}" class="mb-1.5 block text-sm font-medium text-ink">
        {{ $label }}@if ($required)<span class="text-teal-600"> *</span>@endif
    </label>
    <input
        type="{{ $type }}"
        id="{{ $name }}"
        name="{{ $name }}"
        value="{{ old($name) }}"
        @if ($required) required @endif
        {{ $attributes->merge(['class' => 'w-full rounded-xl border border-line bg-white px-4 py-3 text-sm text-ink shadow-sm focus:border-teal-500 focus:outline-none focus:ring-2 focus:ring-teal-500/20' . ($errors->has($name) ? ' border-red-300' : '')]) }}
    >
    @error($name)<p class="mt-1.5 text-xs text-red-600">{{ $message }}</p>@enderror
</div>