/* Carelon Passport — top navigation */ const Menu = ({ children, style = {} }) => (
{children}
); const TopNav = ({ onOpenChat }) => { const toast = useToast(); const [open, setOpen] = React.useState(null); const [q, setQ] = React.useState(""); const [region, setRegion] = React.useState("Global"); const rootRef = React.useRef(null); React.useEffect(() => { const h = (e) => { if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(null); }; document.addEventListener("mousedown", h); return () => document.removeEventListener("mousedown", h); }, []); const notifs = [ { icon: "calendar", tone: "violet", title: "Cardiology follow-up confirmed", body: "The London Clinic · Jun 18, 9:30 AM", time: "2h" }, { icon: "pill", tone: "teal", title: "Prescription ready for travel", body: "Atorvastatin · 90-day supply approved", time: "5h" }, ]; const regions = ["Global", "North America", "Europe", "Middle East"]; return (
{/* lockup */}
Carelon
Passport
Global health navigation
{/* search */}
setQ(e.target.value)} placeholder="Search providers, destinations, benefits, or support" style={{ flex: 1, border: "none", outline: "none", background: "transparent", fontSize: 13.5, color: "var(--ink)", fontFamily: "inherit", minWidth: 0 }} /> ⌘K
{/* right cluster */}
setOpen(open === "notif" ? null : "notif")} /> {open === "notif" && (
Notifications 2 new
{notifs.map((n, i) => { const t = TONES[n.tone]; return (
{n.title}
{n.body}
{n.time}
); })}
)}
{open === "region" && (
Coverage region
{regions.map((r) => ( ))} )}
{open === "profile" && (
Jordan Mitchell
Passport · Platinum plan
{[["idCard", "Digital member ID"], ["user", "Account & profile"], ["shield", "Privacy & security"]].map(([ic, label]) => ( ))}
)}
); }; window.TopNav = TopNav;