24 lines
485 B
TypeScript
24 lines
485 B
TypeScript
import { ReactNode } from "react";
|
|
import Link from "next/link";
|
|
|
|
export interface Props {
|
|
children?: ReactNode | undefined;
|
|
href: string;
|
|
plain?: boolean | undefined; // Do not wrap in <li></li>
|
|
}
|
|
|
|
export default function NavItem(props: Props) {
|
|
const ret = (
|
|
<Link href={props.href}>
|
|
<a className="hover:text-sky-500 dark:hover:text-sky-400">
|
|
{props.children}
|
|
</a>
|
|
</Link>
|
|
);
|
|
|
|
if (props.plain) {
|
|
return ret;
|
|
}
|
|
return <li>{ret}</li>;
|
|
}
|