import React from 'react'; import { Head, Link } from '@inertiajs/react'; import EmployerMobileLayout from './Layouts/EmployerMobileLayout'; import { Bookmark, MessageSquare, X, Briefcase, DollarSign, Star, Globe2, ArrowRight } from 'lucide-react'; export default function EmployerShortlist() { const savedWorkers = [ { id: 1, name: 'Maria Santos', role: 'Housemaid', rating: '4.9', salary: '1,800 AED', nationality: 'Philippines', img: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Maria', exp: '8 Years' }, { id: 2, name: 'Elena Gilbert', role: 'Nanny', rating: '4.8', salary: '2,500 AED', nationality: 'Kenya', img: 'https://api.dicebear.com/7.x/avataaars/svg?seed=Elena', exp: '5 Years' }, ]; return (

{/* Header */}

Shortlist

Quick access to your saved candidates

{savedWorkers.length > 0 ? (

{savedWorkers.length} Saved Profiles

{savedWorkers.map((worker) => (

{worker.name}

{worker.nationality}

{worker.exp}

{worker.salary}

View Profile

{worker.rating}

))}

) : (

Your Shortlist is Empty

Save profiles to compare and hire faster.

Browse Workers

)}

); }