front-hub/src/components/NavMenuItem.tsx

19 lines
469 B
TypeScript
Raw Normal View History

2022-11-17 12:25:23 +00:00
import { Link, Typography, useTheme } from "@mui/material";
interface Props {
text: string;
isActive?: boolean;
}
export default function NavMenuItem({ text, isActive = false }: Props) {
const theme = useTheme()
return (
<Link href="#" underline="none">
<Typography color={isActive ? theme.palette.custom.brightPurple.main : undefined} variant="medium" >
{text}
</Typography>
</Link>
);
}