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

<div {{ $attributes->merge(['class' => 'vem-page-header d-flex flex-column flex-md-row justify-content-between align-items-md-start gap-3']) }}>
    <div>
        <h1>{{ $title }}</h1>
        @if ($subtitle)
            <p class="subtitle mb-0">{{ $subtitle }}</p>
        @endif
    </div>
    @if ($slot->isNotEmpty())
        <div class="d-flex flex-wrap gap-2">{{ $slot }}</div>
    @endif
</div>
