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>
  );
}