content: import PropTypes from 'prop-types';
  import React from 'react';
  import { FormattedMessage, injectIntl } from 'react-intl';
  import SanitizedHTML from 'react-sanitized-html';
  import { Row, Col } from 'react-flexbox-grid/lib';
  import messages from '../../../resources/messages';
  
  const RecentNewsItem = props => (
    <div className="recent-news-item">
      <Row>
        <Col lg={1}>
          <span className={`news-type news-${props.item.type.toLowerCase()}`}>{props.item.type}</span>
        </Col>
        <Col lg={8}>
          <SanitizedHTML html={props.item.note} />
          {props.item.details && <SanitizedHTML className="news-details" html={props.item.details} />}
        </Col>
        <Col lg={1}>
          <span className="item-app-list">
            {props.item.apps.map(app => <span key={app}><FormattedMessage {...messages[`${app}ToolName`]} /> </span>)}
          </span>
        </Col>
      </Row>
    </div>
  );
  
  RecentNewsItem.propTypes = {
    // from parent
    item: PropTypes.object,
  };
  
  export default
  injectIntl(
    RecentNewsItem
  );
  