@props([
    'label' => null,
    'for' => null,          // input id
    'name' => null,         // validation error key (e.g. form.first_name)
    'required' => false,
    'hint' => null,
])

@php
    $errorKey = $name ?? $for;
    $hasError = $errorKey && $errors->has($errorKey);
@endphp

<div {{ $attributes->class(['min-w-0']) }}>
    @if ($label)
        <label @if ($for) for="{{ $for }}" @endif class="form-label">
            {{ $label }}
            @if ($required)
                <span class="text-rose-600" aria-hidden="true">*</span><span class="sr-only">(required)</span>
            @endif
        </label>
    @endif

    <div @class(['mt-1.5' => $label])>
        {{ $slot }}
    </div>

    @if ($hasError)
        <p class="form-error" id="{{ $for }}-error" role="alert">
            <x-icon name="exclamation-circle" class="mt-px size-3.5 shrink-0" />
            <span>{{ $errors->first($errorKey) }}</span>
        </p>
    @elseif ($hint)
        <p class="form-hint" id="{{ $for }}-hint">{{ $hint }}</p>
    @endif
</div>