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

<div class="mb-7 flex flex-wrap items-end justify-between gap-3">
    <div>
        <h2 class="text-2xl font-extrabold tracking-tight text-white sm:text-3xl">{{ $title }}</h2>
        @if ($subtitle)
            <p class="mt-1.5 text-sm text-slate-400">{{ $subtitle }}</p>
        @endif
    </div>

    @if ($link)
        <a href="{{ $link }}" class="text-sm font-bold text-brand-300 hover:text-brand-200">View all →</a>
    @endif
</div>