@props(['title' => null, 'description' => null, 'padded' => true])
<section {{ $attributes->merge(['class' => 'card min-w-0']) }}>
    @if ($title)
        <div class="flex flex-wrap items-center justify-between gap-2 border-b border-gray-100 px-5 py-4">
            <div>
                <h2 class="font-semibold text-navy-900">{{ $title }}</h2>
                @if ($description)<p class="text-xs text-gray-500">{{ $description }}</p>@endif
            </div>
            {{ $actions ?? '' }}
        </div>
    @endif
    <div @class(['p-5' => $padded])>{{ $slot }}</div>
</section>