24 lines
801 B
TypeScript
24 lines
801 B
TypeScript
import Link from 'next/link';
|
|
import { Button } from './ui/button';
|
|
|
|
export function Header() {
|
|
return (
|
|
<header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
|
|
<div className="container flex h-16 items-center">
|
|
<div className="mr-4 flex">
|
|
<Link href="/" className="flex items-center space-x-2">
|
|
<span className="text-xl font-bold">My Favorites</span>
|
|
</Link>
|
|
</div>
|
|
<div className="flex flex-1 items-center justify-end">
|
|
<nav className="flex items-center space-x-2">
|
|
<Link href="/admin" passHref>
|
|
<Button variant="ghost">Admin</Button>
|
|
</Link>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|