import React, { Component } from 'react';

class RatecardNews extends Component {
  /** */
  render() {
    let {
      news
    } = this.props;

    if(!news || news.length === 0) {
      return null;
    }

    return (<div className="inner ratecardNews">
        <h2 className="uppercase size20pt">Tariefkaart nieuws</h2>
        <ul>
          {news.map((str, idx) => (<li key={idx}>
              { str.includes('televisie') ? <a href={'/inkooptools/televisie/indices-televisie/'}>{str}</a> : null }
              { str.includes('radio') ? <a href={'/inkooptools/radio/indices-radio/'}>{str}</a> : null }
              { str.includes('digital') ? <a href={'/inkooptools/digital/indices-digital/'}>{str}</a> : null }
            </li>))}
        </ul>
      </div>);
  }
}

/**
 * Proptypes
 */
RatecardNews.propTypes = {
  news: React.PropTypes.object.isRequired
};

export default RatecardNews;