29 lines
955 B
TypeScript
29 lines
955 B
TypeScript
import { NavLink, Outlet } from "react-router-dom";
|
|
|
|
const linkClass = ({ isActive }: { isActive: boolean }) =>
|
|
`px-3 py-1.5 rounded text-sm ${isActive ? "bg-accent text-white" : "text-slate-300 hover:bg-white/5"}`;
|
|
|
|
export function Layout() {
|
|
return (
|
|
<div className="h-screen flex flex-col">
|
|
<header className="flex items-center gap-4 px-4 py-2 border-b border-white/10 bg-panel">
|
|
<h1 className="text-sm font-semibold tracking-wide text-white">🫀 Atlas 3D de Anatomia</h1>
|
|
<nav className="flex gap-1">
|
|
<NavLink to="/" end className={linkClass}>
|
|
Atlas
|
|
</NavLink>
|
|
<NavLink to="/planos-anatomicos" className={linkClass}>
|
|
Planos e Eixos
|
|
</NavLink>
|
|
<NavLink to="/quiz" className={linkClass}>
|
|
Quiz
|
|
</NavLink>
|
|
</nav>
|
|
</header>
|
|
<main className="flex-1 min-h-0">
|
|
<Outlet />
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|