ig.rizaldy.club/components/Navbar.js
2024-02-04 05:44:56 +07:00

22 lines
596 B
JavaScript

import Link from "next/link";
const Navbar = ({ name, logo }) => (
<nav className="flex py-2 border-b dark:border-neutral-800 hover:opacity-70">
<div className="w-3/12 md:w-full lg:w-7/12 md:mx-11 lg:mx-auto">
<div className="md:w-2/12">
<Link href="/">
{logo ? (
<img alt={name} src={logo} className="w-full" />
) : (
<h1 className="font-bold leading-relaxed tracking-tight text-2xl text-neutral-800">
{name}
</h1>
)}
</Link>
</div>
</div>
</nav>
);
export default Navbar;