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

<div class="flex items-start justify-between">
    <div>
        <h1 class="text-xl font-semibold text-slate-800">{{ $title }}</h1>
        @if ($subtitle)
            <p class="text-sm text-slate-500 mt-0.5">{{ $subtitle }}</p>
        @endif
    </div>

    @isset($actions)
        <div class="flex items-center gap-2 flex-shrink-0 ml-4">
            {{ $actions }}
        </div>
    @endisset
</div>