import React from 'react'
import PropTypes from 'prop-types'
import { NavDrawer as RTNavDrawer } from 'react-toolbox/lib/layout'
import theme from './theme.scss'

class NavDrawer extends React.Component {
  render () {
    let props = {...this.props}
    // let theme = props.theme ? props.theme : {}
    delete props.theme
    let customTheme = theme
    if (props.customTheme) {
      customTheme = props.customTheme
      delete props.customTheme
      // theme = {
      //   ...theme,
      //   ...customTheme
      // }
    }
    // console.log('cust them', theme, customTheme, props)
    if (props.theme) {
      customTheme = {
        ...props.theme,
        ...customTheme
      }
    }
    return (
      <RTNavDrawer {...props} theme={customTheme}>
        {this.props.children}
      </RTNavDrawer>
    )
  }
}

NavDrawer.propTypes = {
  customTheme: PropTypes.any,
  children: PropTypes.any
}

export default NavDrawer