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

@php
    $fieldName = $name ?? $id;
@endphp

<div class="space-y-1.5">
    @if ($label)
        <label for="{{ $id }}" class="text-xs font-semibold uppercase tracking-[0.12em] text-black/65">
            {{ $label }}
        </label>
    @endif

    <input
        id="{{ $id }}"
        name="{{ $fieldName }}"
        type="{{ $type }}"
        {{ $attributes->class('w-full rounded-xl border border-black/15 bg-white px-3 py-2.5 text-sm text-firefit-charcoal shadow-sm transition focus:border-firefit-red focus:outline-none focus:ring-2 focus:ring-firefit-red/25') }}
    />

    @error($fieldName)
        <p class="text-xs text-firefit-red">{{ $message }}</p>
    @enderror
</div>