@props([
    'title' => null,
    'subtitle' => null,
    'actions' => null,
    'bodyClass' => '',
])

<div {{ $attributes->merge(['class' => 'card']) }}>
    @if($title || $subtitle || $actions)
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                @if($title)<h3 class="card-title mb-0">{{ $title }}</h3>@endif
                @if($subtitle)<div class="text-muted small">{{ $subtitle }}</div>@endif
            </div>
            @if($actions)
                <div class="card-actions">{{ $actions }}</div>
            @endif
        </div>
    @endif
    <div class="card-body {{ $bodyClass }}">
        {{ $slot }}
    </div>
</div>