import React, { useState } from 'react'; import { useCollege } from '../context/CollegeContext'; import { Bell, GraduationCap, Calendar, FileText, UserCheck, CreditCard, BookOpen, ChevronDown, Sparkles, ShieldCheck, Phone, Building2, Mail, SlidersHorizontal, Clock, } from 'lucide-react'; import { Role } from '../types'; interface HeaderProps { activeTab: string; setActiveTab: (tab: string) => void; onOpenRegisterModal: () => void; onOpenNotifications: () => void; onOpenAuthModal: () => void; onOpenCalendarSync: () => void; onOpenBankPayment: () => void; } export const Header: React.FC = ({ activeTab, setActiveTab, onOpenRegisterModal, onOpenNotifications, onOpenAuthModal, onOpenCalendarSync, onOpenBankPayment, }) => { const { currentUser, switchRole, unreadCount, isResultsLocked } = useCollege(); const [showRoleMenu, setShowRoleMenu] = useState(false); const getRoleBadge = (role: Role) => { switch (role) { case 'admin': return { label: 'Principal / Admin', color: 'bg-amber-100 text-amber-900 border-amber-300' }; case 'teacher': return { label: 'Lecturer', color: 'bg-emerald-100 text-emerald-900 border-emerald-300' }; case 'student': return { label: 'Student Portal', color: 'bg-blue-100 text-blue-900 border-blue-300' }; case 'parent': return { label: 'Guardian Portal', color: 'bg-purple-100 text-purple-900 border-purple-300' }; } }; const roleInfo = getRoleBadge(currentUser.role); const studentLockStatus = currentUser.role === 'student' && currentUser.studentId ? isResultsLocked(currentUser.studentId) : null; return (
{/* Top Banner for official institution branding & intake notice */}
JULY 2026 INTAKE ADVERT | Semester Opens 13th July, 2026 National Bank A/C: 1003452219 (Customs Road)
+265 1 845 384 / +265 882 497 114 Limbe, Malawi
{/* Main Top Bar - Exhaustive 3-Zone Single Row Contract */}
{/* ZONE 1: Single-line Brand Title */}
{/* ZONE 2: 4-6 Nav links, single line, 1-2 word labels */} {/* ZONE 3: 1-2 Primary actions & Quick Switch */}
{/* Admission Application CTA */} {/* Pay via Bank CTA */} {/* Notification Bell */} {/* User Profile & Role Switcher */}
{/* Role Dropdown */} {showRoleMenu && (

Signed in as

{currentUser.name}

{currentUser.email}

{roleInfo.label}

Quick Demo Role Switcher

)}
{/* Mobile Sub-Navigation */}
); };