pronounsfu/frontend/components/NavItem.tsx

25 lines
479 B
TypeScript
Raw Normal View History

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 = (
2022-11-19 07:52:52 -08:00
<Link
href={props.href}
className="hover:text-sky-500 dark:hover:text-sky-400"
>
{props.children}
</Link>
);
if (props.plain) {
return ret;
}
return <li>{ret}</li>;
}