@props([
    'title' => null,
    'subtitle' => null,
    'flush' => false,
])

<div {{ $attributes->merge(['class' => 'vem-card mb-4']) }}>
    @if ($title)
        <div class="vem-card-header d-flex justify-content-between align-items-center">
            <div>
                <span>{{ $title }}</span>
                @if ($subtitle)
                    <small class="d-block text-muted fw-normal">{{ $subtitle }}</small>
                @endif
            </div>
            @isset($actions)
                <div>{{ $actions }}</div>
            @endisset
        </div>
    @endif
    <div @class(['vem-card-body', 'p-0' => $flush])>
        {{ $slot }}
    </div>
</div>
