@props(['title' => null])

<section {{ $attributes->merge(['class' => 'card bg-base-100 shadow-sm']) }}>
    @if (filled($title))
        <h2 class="border-b border-base-300 px-4 py-3 text-base font-semibold">{{ $title }}</h2>
    @endif

    <div class="card-body">
        {{ $slot }}
    </div>
</section>