Emergency Popover Healthcare Navbar Block for React

Edit NURSE (the tel: address and how the number reads) and the count and meaning of each entry in PAGES. The number shown is fictional (555 range); replace it with your own, and keep the sentence that tells people to call their local emergency number for a life-threatening emergency: a portal is not an emergency service.

The popover leads with the instruction, so someone in danger reads it before anything else and is never sent to a nurse line instead of emergency services. The nurse line is offered underneath as the way to ask an urgent question that isn't life-threatening.

Small destructive-coloured text fails contrast in some dark themes, so the siren icon carries the status token and the label stays in the foreground colour. The popover is white-on-popover like any other, and the Shine Button stays the one primary control.

Enter or Space opens it and moves focus into it; Tab reaches the call link; Escape or a click outside closes it and returns focus to Emergency. It isn't modal, so the bar stays reachable.

Below lg a menu button opens a sheet from the top with the four links (each with its count) and, below sm, Book a visit. Emergency stays in the bar and below 23rem shows only its icon, still named "Emergency". The popover fits at 320 pixels.

Edit PAGES: the bar and the sheet read it, and the page you're on takes aria-current="page". The call link and Book a visit render the link they're given with render, with nativeButton={false}.