<div class="card d-flex flex-column {{ $shadow }} {{ $rounded }} {{ $color }} {{ $cardClasses }}">
    @if ($header)
        {{ $header }}
    @elseif ($title || $action)
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title">{{ $title }}</h3>

            @if ($action)
                {{ $action }}
            @endif
        </div>
    @endif

    <div {{ $attributes->merge(['class' => "{$padding} card-body"]) }}>
        {{ $slot }}
    </div>

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