import { connect } from 'react-redux'

import { bindActionCreators } from 'redux'

import * as authActions from '../../modules/auth/actions'
import { loginStatus } from '../../modules/auth/selectors'

import Login from './Login'

const mapStateToProps = (state: any) => {
  return {
    loginStatus: loginStatus(state),
  }
}

const mapDispatchToProps = (dispatch: any) => ({
  actions: bindActionCreators(
    {
      submitLogin: authActions.submitLogin,
    },
    dispatch,
  ),
})

export default connect(mapStateToProps, mapDispatchToProps)(Login)