import React from 'react';
import NewsCollection from 'trc-client-core/src/media/NewsCollection';
import Markdown from 'trc-client-core/src/components/Markdown';
import Time from 'trc-client-core/src/components/Time';

var NewsView = React.createClass({
    displayName: 'NewsView',
    render() {
        var item = NewsCollection.filter(ii => ii.title === this.props.params.title)[0];
        return (
            <div>
                <h1>{item.title}</h1>
                <Time className="t-muted p">{item.date}</Time>
                <p>{item.lead}</p>
                <Markdown html={item.__content}/>
            </div>
        );
    }
});

export default NewsView;