@props([
    'title',
    'description' => null,
    'columns' => 2,
])

{{-- Card wrapper so every admin form section looks identical. --}}
<div class="admin-card mb-5 p-5 sm:p-6">
    <div class="mb-5">
        <h2 class="text-base">{{ $title }}</h2>
        @if ($description)
            <p class="mt-1 text-sm text-text-muted">{{ $description }}</p>
        @endif
    </div>

    <div @class([
        'grid gap-5',
        'sm:grid-cols-2' => $columns === 2,
        'sm:grid-cols-3' => $columns === 3,
    ])>
        {{ $slot }}
    </div>
</div>