import React from 'react'
import PropTypes from 'prop-types'
import MenuList from './menuList'
import Menu from './menu'

class NavDrawerMenu extends React.Component {
  render () {
    let { menus } = this.props
    let menuList = []
    menus.forEach((m, i) => {
      if (m.child && m.child.length > 0) {
        menuList.push(
          <MenuList label={m.label} active={m.active} menus={m.child} isReset={this.props.isReset} key={i} />
        )
      } else {
        menuList.push(
          <Menu label={m.label} link={m.link} active={m.active} isReset={this.props.isReset} key={i} />
        )
      }
    })
    return (
      <div>
        {
          menuList.map((v) => {
            return (
              v
            )
          })
        }
      </div>
    )
  }
}

NavDrawerMenu.propTypes = {
  menus: PropTypes.array,
  isReset: PropTypes.bool
}

export default NavDrawerMenu