import React, { useState } from 'react'; import { Head, Link } from '@inertiajs/react'; import EmployerMobileLayout from './Layouts/EmployerMobileLayout'; import { Search, MoreHorizontal, CheckCheck } from 'lucide-react'; export default function EmployerMessages() { const [searchQuery, setSearchQuery] = useState(''); const chats = [ { id: 1, name: 'Sarah Connor', preview: 'Is the site supervisor position still available?', time: '2m ago', unread: 2, online: true }, { id: 2, name: 'Marketplace Support', preview: 'Your account verification is complete.', time: '1h ago', unread: 0, online: true }, { id: 3, name: 'Maria Garcia', preview: 'I can start from next Monday. Looking forward to it!', time: '3h ago', unread: 0, online: false }, { id: 4, name: 'Elena Gilbert', preview: 'Thank you for the opportunity.', time: 'Yesterday', unread: 0, online: false }, { id: 5, name: 'John Smith', preview: 'Attached are my certificates for review.', time: 'Yesterday', unread: 0, online: false }, ]; return (
{/* Search Bar */}
setSearchQuery(e.target.value)} className="w-full pl-12 pr-4 py-4 bg-white border border-slate-200 rounded-2xl text-sm focus:ring-4 focus:ring-slate-100 focus:border-slate-300 outline-none transition-all" />
{/* Chat List */}
{chats.map((chat) => (
{chat.name.charAt(0)}
{chat.online && (
)}

{chat.name}

{chat.time}

0 ? 'text-slate-900 font-bold' : 'text-slate-500 font-medium'}`}> {chat.preview}

{chat.unread > 0 ? (
{chat.unread}
) : ( )}
))}
); }