import React from 'react';
import { NavItem } from 'react-materialize';
import { withRouter } from 'react-router-dom';

const RoutableNavItem = (props) => {
  return (
    <NavItem data-target="mobile-nav" className="sidenav-close" onClick={
      () => { 
        props.history.push(props.href);
      }
    }>
        { props.children }
   </NavItem>
  );
}

export default withRouter(RoutableNavItem);