import React from 'react';
import PropTypes from 'prop-types';
class ProfileInfoBlocks extends React.Component {
render() {
const descriptionBlocks = this.props.blocks.map((info, i) => {
return (
<div className="col-sm-4 border-right" key={i}>
<div className="description-block">
<h5 className="description-header">{info.stats}</h5>
<span className="description-text">{info.description}</span>
</div>
</div>
);
});
return (
<div className="row">
{descriptionBlocks}
</div>
);
}
}
ProfileInfoBlocks.propTypes = {
blocks: PropTypes.array
};
ProfileInfoBlocks.defaultProps = {
blocks: []
};
export default ProfileInfoBlocks;
|