twitch_bot/web/front/src/Header.jsx

22 lines
542 B
JavaScript

import { Link } from "react-router-dom";
export default function Header() {
return (
<header className="border-b flex items-center p-4 shadow">
<h1 className="flex-grow text-gray-700 tracking-tighter text-2xl">
twitch bot
</h1>
<nav className="space-x-4">
{["commands", "/"].map((item) => (
<Link
className="text-sky-400 hover:underline hover:text-sky-600"
to={`${item}`}
>
{item}
</Link>
))}
</nav>
</header>
);
}