{{--
    Section Header Component
    Usage: @include('components.dashboard.section-header', [
        'title' => 'Application Status',
        'subtitle' => 'Current pipeline overview',
        'action' => ['label' => 'View all', 'href' => route('employer.jobs.index')]
    ])
--}}
<div class="flex items-center justify-between mb-6">
    <div>
        <h2 class="text-lg font-semibold text-slate-900">{{ $title }}</h2>
        @if(isset($subtitle))
        <p class="text-sm text-slate-600 mt-1">{{ $subtitle }}</p>
        @endif
    </div>
    @if(isset($action))
    <a href="{{ $action['href'] }}" class="text-sm font-semibold text-[#1D5BBF] hover:text-[#1D5BBF]/80 transition">
        {{ $action['label'] }}
    </a>
    @endif
</div>