@props([
    'recommended' => true,
])

<div class="border-t-2 border-slate-200 pt-5 flex justify-between items-center">
    <div>
        <div class="text-[11px] font-bold text-slate-500 uppercase tracking-wider">
            HR & Lead Panel Approval
        </div>
        <div class="font-bold text-sm text-slate-900 mt-1">
            SingleLogin Enterprise HR Board
        </div>
    </div>

    <div class="text-right">
        <div class="text-[11px] font-bold text-slate-500 uppercase tracking-wider">
            Final Recommendation
        </div>
        <div class="font-outfit font-extrabold text-base mt-1 {{ $recommended ? 'text-emerald-600' : 'text-red-600' }}">
            {{ $recommended ? 'RECOMMENDED FOR HIRE' : 'REQUIRES FURTHER REVIEW / FLAGGED' }}
        </div>
    </div>
</div>