"use client";
import Link from "next/link";
import { usePathname, useRouter } from "next/navigation";
import { GROUND, INK } from "./m";
/* Four items, as designed. Not five.
*
* A manager is a staff member who also approves — they wear the uniform too — so the approvals
* queue is a card on Home rather than a fifth tab. The prototype showed a manager with two nav
* items because it switched roles with chips above the phone; that switcher is a prototyping
* device, and building a separate manager shell around it would give a ward manager two apps to
* remember instead of one.
*/
const NAV: [string, string, React.ReactNode][] = [
["/my", "Home", ],
["/my/kit", "Kit", ],
["/my/orders", "Orders", ],
["/my/messages", "Messages", ],
];
export default function StaffNav() {
const path = usePathname();
const router = useRouter();
const on = (href: string) => (href === "/my" ? path === "/my" : path.startsWith(href));
return (
);
}