import React, { useState } from 'react'; import { Head, Link } from '@inertiajs/react'; import { Home, MessageCircle, User, Briefcase, ArrowLeft, Search, Send, MoreVertical, CheckCheck, Mic, Image as ImageIcon, Paperclip, Bell } from 'lucide-react'; export default function WorkerChat() { const [messages, setMessages] = useState([ { id: 1, text: "Hello Danial, are you available for an interview?", time: "09:41 AM", sender: "employer" }, { id: 2, text: "Yes ma'am, I am available tomorrow morning.", time: "09:42 AM", sender: "me" }, { id: 3, text: "Great! Let's connect at 10 AM.", time: "09:45 AM", sender: "employer" }, ]); const [input, setInput] = useState(""); return (
{/* Header */}

Al Mansoor

Online
{/* Message Area */}
{messages.map((msg) => (

{msg.text}

{msg.time} {msg.sender === 'me' && }
))}
{/* Input Bar */}
setInput(e.target.value)} />
); }