import React from "react";
import { Link } from "react-router-dom";
import { MenuItem, SubMenu } from "react-pro-sidebar";
import "react-pro-sidebar/dist/css/styles.css";
class MenuPage extends React.Component {
  styles = {
    menu: {}
  };
  render() {
    return (
      <MenuItem>
        <SubMenu title={this.props.title}>
          {this.props.menuItem.map((item) => (
            <MenuItem>
              <Link
                key={item.name}
                className=""
                id={item.name}
                to={item.url}
                style={{}}
              >
                {item.text}
              </Link>
            </MenuItem>
          ))}
        </SubMenu>
      </MenuItem>
    );
  }
}
export default MenuPage;