@props([
    'name' => null,
    'label' => null,
    'required' => false,
    'optional' => false,
    'help' => null,
    'error' => null,
])

@php
    // Every concrete forms/* component just passes `name` — the error message
    // resolves itself from the ambient $errors bag unless one is passed
    // explicitly, so call sites never hand-wire :messages="$errors->get(...)".
    $resolvedError = $error ?? ($name ? $errors->first($name) : null);
    $helpId = $name ? $name.'-help' : null;
    $errorId = $name ? $name.'-error' : null;
@endphp

<div {{ $attributes->merge(['class' => 'space-y-1.5']) }}>
    @if ($label)
        <x-forms.label :for="$name" :required="$required" :optional="$optional">{{ $label }}</x-forms.label>
    @endif

    {{ $slot }}

    @if ($help && ! $resolvedError)
        <x-forms.help :id="$helpId">{{ $help }}</x-forms.help>
    @endif

    <x-forms.error :id="$errorId" :message="$resolvedError" />
</div>