@props(['title', 'icon' => 'info-circle'])
{{-- A card holding a definition list. Use <x-detail-item> children. --}}
<div {{ $attributes->merge(['class' => 'card detail-card shadow-sm']) }}>
    <div class="card-header"><i class="bi bi-{{ $icon }} me-1"></i> {{ $title }}</div>
    <div class="card-body">
        <div class="detail-list">
            {{ $slot }}
        </div>
    </div>
</div>