- color change blue theme -> amber theme - text color changes: grays to black & few grays - font changes: less sizes (small -> normal)
18 lines
381 B
TypeScript
18 lines
381 B
TypeScript
import { ReactNode } from "react";
|
|
import Link from "next/link";
|
|
|
|
type Props = {
|
|
href: string;
|
|
children: ReactNode;
|
|
};
|
|
|
|
export function NavLink({ href, children }: Props) {
|
|
return (
|
|
<Link
|
|
href={href}
|
|
className="inline-block rounded-lg py-1 px-2 text-lg font-medium text-slate-700 hover:bg-slate-100 hover:text-black"
|
|
>
|
|
{children}
|
|
</Link>
|
|
);
|
|
}
|