import React from 'react';
import Video from 'trc-client-core/src/components/Video';
import Markdown from 'trc-client-core/src/components/Markdown';
import {Link} from 'react-router';

var ToyotaLinkVideoView = React.createClass({
    displayName: 'ToyotaLinkVideoView',
    updateHash: true,
    propTypes: {
        title: React.PropTypes.string,
        vimeoId: React.PropTypes.number
    },
    render: function () {
        var item = require('trc-client-core/src/copy/toyotalink/' + this.props.title);
        return (
            <div>
                <h2 className="hug-top">Videos <span className="t-muted">{item.title}</span></h2>
                <Video id={this.props.vimeoId}/>
                <div className="push-top"><Markdown html={item.__content}/></div>
                <div className="push-top">
                    <Link className="cta-back " to="/product/toyotalink">back to Toyota Link</Link> 
                </div>
            </div>
        );
    }
});

module.exports = ToyotaLinkVideoView;