@props(['title', 'href' => null, 'cta' => null])
<div class="mb-6 flex items-end justify-between gap-4">
    <h2 class="text-2xl font-extrabold tracking-tight text-primary sm:text-3xl">{{ $title }}</h2>
    @if ($href) <a href="{{ $href }}" class="inline-flex items-center gap-1 text-sm font-bold text-primary hover:underline">{{ $cta ?? __('View all') }} <x-icon name="arrow" class="w-4 h-4"/></a> @endif
</div>