@props(['title'])

<div class="mb-10">
    <h2 class="text-xl font-bold text-blue-800 mb-4 border-b pb-2">{{ $title }}</h2>
    <div {{ $attributes->merge(['class' => 'grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm text-brand-text']) }}>
        {{ $slot }}
    </div>
</div>