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