front-hub/src/components/NavMenuItem.tsx

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="body2"
                sx={{
                    whiteSpace: "nowrap",
                }}
            >
                {text}
            </Typography>
        </Link>
    );
}