import React from 'react';
import { Link } from 'react-router-dom';
import { List, ListItem, ListItemText } from '@mui/material';
import { menuItems } from '../constants/menuItems.js';

function Menu() {
  return (
    <div className='monitoring-component'>
        <h2>Report Name</h2>
        <List component="nav">
        {menuItems[1].subMenu?.map((item) => (
            <ListItem component={Link} to={item.path} key={item.text}>
            <ListItemText primary={item.text} />
            </ListItem>
        ))}
        </List>
    </div>
  );
}

export default Menu;
