import Menu from './Menu.coffee'

import './MobileMenu.less'

export default observer class MobileMenu extends Component
  @propTypes:
    isOpen: PropTypes.bool

  @defaultProps:
    isOpen: false

  render: =>
    <div className="mobile-menu #{@props.isOpen && 'open'}" style={{ height: window.innerHeight + 100 }}>
      <Menu {...@props} />
    </div>