@props([
    'title' => null,
    'headerClass' => '',
    'bodyClass' => '',
    'footerClass' => '',
    'cardClass' => ''
])

<div {{ $attributes->merge(['class' => 'card ' . $cardClass]) }}>
    @if($title || isset($header))
    <div class="card-header {{ $headerClass }}">
        @if(isset($header))
            {{ $header }}
        @else
            <h4 class="card-title mb-0">{{ $title }}</h4>
        @endif
    </div>
    @endif

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

    @if(isset($footer))
    <div class="card-footer {{ $footerClass }}">
        {{ $footer }}
    </div>
    @endif
</div>