@props([
    'title' => null,
    'subtitle' => null,
    'clickable' => false,
    'padding' => true,
])

<div {{ $attributes->merge(['class' => 'bv-card' . ($clickable ? ' bv-card--clickable' : '')]) }}>
    @if($title || isset($header))
        <div class="bv-card__header">
            <div>
                @if($title)
                    <h3 class="bv-card__title">{{ $title }}</h3>
                @endif
                @if($subtitle)
                    <p class="text-secondary-bv small mb-0">{{ $subtitle }}</p>
                @endif
            </div>
            @isset($header)
                <div>{{ $header }}</div>
            @endisset
        </div>
    @endif

    <div class="bv-card__body">
        {{ $slot }}
    </div>

    @isset($footer)
        <div class="bv-card__footer">
            {{ $footer }}
        </div>
    @endisset
</div>