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

<div {{ $attributes->merge(['class' => 'hp-page-header d-flex flex-wrap align-items-center justify-content-between gap-3']) }}>
    <div>
        <h1>{{ $title }}</h1>
        @if($subtitle)
            <p class="subtitle mb-0">{{ $subtitle }}</p>
        @endif
    </div>
    @if(isset($actions))
        <div class="d-flex flex-wrap gap-2">{{ $actions }}</div>
    @endif
</div>