import React from 'react'
import { connect } from 'react-redux'
import { AppHeader } from 'react-redux-app-header'

class Wrapper extends React.Component {
  render(){
    let { props } = this;
    const authenticated = props.auth.token;
    let authClass = (authenticated ? 'auth' : 'noauth');

    return <div className={authClass}>
      <AppHeader {...props.header}  />
      { this.props.children }
    </div>
  }
}

Wrapper.defaultProps = {
  header: {}
}

export default connect((state)=>{
  const {auth} = state;
  return {auth};
})(Wrapper);