@props(['id' => null, 'name', 'label' => null, 'placeholder' => '', 'value' => '', 'autofocus' => false])

<div class="space-y-1">
    @if($label)
        <label for="{{ $id ?? $name }}" class="block text-sm text-white/80">{{ $label }}</label>
    @endif
    <input
        id="{{ $id ?? $name }}"
        name="{{ $name }}"
        value="{{ old($name, $value) }}"
        placeholder="{{ $placeholder }}"
        @if($autofocus) autofocus @endif
        class="w-full rounded-md bg-[##07C0DC] border border-white/10 px-3 py-2 text-black placeholder-black/40 focus:outline-none focus:ring-2 focus:ring-indigo-500"
    />
</div>