/**
* Заголовок попапа редактирования профиля
* @module ProfileEdit
* @author Ihor Bielchenko
* @requires react
* @requires react#Component
* @requires react-redux#connect
* @requires img/title-female.png
*/
import React, { Component } from 'react';
import { connect } from 'react-redux';
import FemaleIcon from '../../../img/title-female.png';
/**
* Заголовок попапа редактирования профиля
* @extends Component
*/
class ProfileEditHeader extends Component {
/**
* Render component
* @return {Object} jsx object
*/
render() {
return <div className="title">
<img src={FemaleIcon} alt="icon" />
<span>{this.props.lang.edit_profile_title}</span>
</div>
}
}
/**
* Init redux states
*
* @param {Object} state
* @return {Object}
*/
function mapStateToProps(state) {
return {
lang: state.lang,
}
}
export default connect(mapStateToProps)(ProfileEditHeader);