import React from 'react'; import { Head, Link } from '@inertiajs/react'; import { Home, MessageCircle, User, Search, ArrowLeft, CheckCheck, Compass, Bell } from 'lucide-react'; export default function WorkerChatList() { const chats = [ { id: 1, name: 'Al Mansoor', message: "Great! Let's connect at 10 AM.", time: '10:45 AM', unread: 2, avatar: 'M' }, { id: 2, name: 'Maktoom Family', message: 'Thank you for the update.', time: 'Yesterday', unread: 0, avatar: 'S' }, { id: 3, name: 'Zayed Household', message: 'Are you available for a trial?', time: '2 days ago', unread: 0, avatar: 'E' }, ]; return (
{/* Header */}

Messages

{chats.map((chat) => (
{chat.avatar}

{chat.name}

{chat.time}

0 ? 'font-black text-slate-900' : 'text-slate-400'}`}> {chat.message}

{chat.unread > 0 ? (
{chat.unread}
) : ( )}
))}
{/* Bottom Navigation */}
Home Explore Updates Chat Profile
); }