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

<div class="d-flex flex-wrap justify-content-between align-items-start mb-4 gap-2">
    <div>
        <h2 class="mb-{{ $subtitle ? '1' : '0' }}">
            @if($icon)
                <i class="{{ $icon }} me-2 text-primary"></i>
            @endif
            {{ $title }}
        </h2>
        @if($subtitle)
            <p class="text-muted mb-0 small">{{ $subtitle }}</p>
        @endif
    </div>
    @if($slot->isNotEmpty())
        <div class="d-flex flex-wrap gap-2">
            {{ $slot }}
        </div>
    @endif
</div>
