import React, { useState } from 'react'; import { Head, Link } from '@inertiajs/react'; import EmployerMobileLayout from './Layouts/EmployerMobileLayout'; import { Megaphone, Calendar, ArrowRight, Search, Plus, X } from 'lucide-react'; export default function EmployerAnnouncements() { const [searchTerm, setSearchTerm] = useState(''); const announcements = [ { id: 1, title: 'Ramadan Working Hours Update', date: 'May 12, 2026', content: 'Please note the revised working hours for all domestic staff during the upcoming Holy Month of Ramadan...', priority: 'High' }, { id: 2, title: 'New Visa Regulations 2026', date: 'May 08, 2026', content: 'The Ministry of Human Resources has announced new updates regarding domestic worker visa renewals...', priority: 'Normal' }, { id: 3, title: 'Marketplace Service Maintenance', date: 'May 05, 2026', content: 'Our platform will undergo scheduled maintenance on Sunday from 2:00 AM to 4:00 AM...', priority: 'Low' }, ]; return (

{/* Header */}

Broadcasts

Important updates & announcements

{/* Search */}

setSearchTerm(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" />

{/* Announcement List */}

{announcements.map((item) => (

{item.title}

{item.date}

{item.content}

{item.priority} Priority

))}

); }