codex/src/components/Header.tsx
2025-06-25 10:59:26 -03:00

24 lines
525 B
TypeScript

import { Link } from 'react-router-dom';
import { useAuth } from '../auth';
export default function Header() {
const { user, logout } = useAuth();
return (
<header>
<h1>Audit360 Hotéis</h1>
<nav>
<Link to="/">Auditorias</Link>
<Link to="/reports">Relatórios</Link>
</nav>
<div>
{user && (
<>
<span>{user.name} - {user.email}</span>
<button onClick={logout}>Logout</button>
</>
)}
</div>
</header>
);
}