@props([
    'legend',
    'description' => null,
    'id' => null,
])

@php($descriptionId = $id !== null && filled($description) ? $id.'-description' : null)

{{-- Agrupamento semântico de campos: `legend` é o rótulo do grupo e o `fieldset` não
     substitui o `<h1>` da tela (ADR-009/ADR-016). --}}
<fieldset
    @if ($id !== null) id="{{ $id }}" @endif
    @if ($descriptionId !== null) aria-describedby="{{ $descriptionId }}" @endif
    {{ $attributes->merge(['class' => 'min-w-0']) }}>
    <legend class="text-base font-semibold">{{ $legend }}</legend>

    @if (filled($description))
        <p @if ($descriptionId !== null) id="{{ $descriptionId }}" @endif class="mt-1 text-sm opacity-70">{{ $description }}</p>
    @endif

    <div class="mt-4 grid gap-4">
        {{ $slot }}
    </div>
</fieldset>