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

<header {{ $attributes->merge(['class' => 'mb-6 flex flex-col md:flex-row md:items-center md:justify-between gap-4']) }}>
    
    <!-- Title + Subtitle -->
    <div>

            <h1 class="text-xl md:text-2xl font-bold text-gray-800">
                {{ $title }}
            </h1>
        

        @if($subtitle)
            <p class="text-slate-500 text-base mt-1">
                {{ $subtitle }}
            </p>
        @endif
    </div>

   
</header>