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

const mapStateToProps = (state) => {
    return {
        text: state.auth.givenName + ' ' + state.auth.familyName,
    }
}

const SpanElement = ({ text }) => <span>{text}</span>

const ProfileName = connect(mapStateToProps)(SpanElement)

export default ProfileName