21 lines
546 B
TypeScript
21 lines
546 B
TypeScript
import Link from "next/link";
|
|
|
|
export default function NavLink({
|
|
name,
|
|
link,
|
|
external = false,
|
|
}: {
|
|
name: string;
|
|
link: string;
|
|
external?: boolean;
|
|
}) {
|
|
return (
|
|
<div className="bg-slate-400 dark:bg-slate-800 hover:bg-slate-600 font-medium py-2 px-4 rounded-lg shadow-md transition duration-200 ease-in-out">
|
|
<Link href={`${external ? "https:" : ""}${link}`} className="block">
|
|
<h1 className="font-semibold text-slate-800dark:text-slate-400 text-lg">
|
|
{name}
|
|
</h1>
|
|
</Link>
|
|
</div>
|
|
);
|
|
}
|