import { connect } from 'react-redux'
import { hideModal } from '../../../store/actions'

const mapStateToProps = (state) => {
  const { appState } = state
  const { props: modalProps } = appState.modal.modalState

  return {
    ...modalProps,
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    hideModal: () => dispatch(hideModal()),
  }
}

export default function withModalProps(Component) {
  return connect(mapStateToProps, mapDispatchToProps)(Component)
}