@props([
    'title'    => null,
    'subtitle' => null,
    'footer'   => null,
    'padded'   => true,
])

<section {{ $attributes->merge(['class' => 'dc-card']) }}>
    @if ($title || $subtitle || isset($actions))
        <header class="dc-card__header">
            <div>
                @if ($title)    <h3 class="dc-card__title">{{ $title }}</h3> @endif
                @if ($subtitle) <p class="dc-card__subtitle">{{ $subtitle }}</p> @endif
            </div>
            @isset($actions)
                <div class="d-flex gap-2 flex-wrap">{{ $actions }}</div>
            @endisset
        </header>
    @endif

    <div class="{{ $padded ? 'dc-card__body' : '' }}">
        {{ $slot }}
    </div>

    @if ($footer)
        <footer class="dc-card__footer">{{ $footer }}</footer>
    @endif
</section>