front-hub/src/components/NavMenuItem.tsx
2022-11-17 15:27:11 +03:00

19 lines
469 B
TypeScript

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>
);
}