import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'

import { userHasSeenOnboarding } from '../../../modules/onboarding/actions'
import { user, squareAvatarUrl } from '../../../modules/auth/selectors'
import { backgroundColor, foregroundColor } from '../../../modules/embed/selectors'

import BlankState from './BlankState'
const mapStateToProps = (state: any) => ({
  user: user(state),
  avatarUrl: squareAvatarUrl(state),
  backgroundColor: backgroundColor(state),
  foregroundColor: foregroundColor(state),
})

const mapDispatchToProps = (dispatch: any) => ({
  actions: bindActionCreators(
    {
      userHasSeenOnboarding,
    },
    dispatch,
  ),
})

export default connect(mapStateToProps, mapDispatchToProps)(BlankState)