25 lines
479 B
TypeScript
25 lines
479 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
|
||
|
|
className="hover:text-sky-500 dark:hover:text-sky-400"
|
||
|
|
href={props.href}
|
||
|
|
>
|
||
|
|
{props.children}
|
||
|
|
</Link>
|
||
|
|
);
|
||
|
|
|
||
|
|
if (props.plain) {
|
||
|
|
return ret;
|
||
|
|
}
|
||
|
|
return <li>{ret}</li>;
|
||
|
|
}
|