'use strict';
const React = require('react');
const create = require('create-react-class');

const mediaLib = require('../../lib/media.js');

let Event = create({
	displayName: "m.video",

	getInitialState: function() {
		let event = this.props.event;
		if (event.content.url == undefined) {
			return null;
		}
		return mediaLib.parseEvent(this.props.client, event, 1000, 1000);
	},

	render: function() {
		let event = this.props.event;

		if (this.state == null) {
			return "malformed video event: " + event.content.body;
		}

		return (
			<div className="body">
				<video controls poster={this.state.thumb} style={{maxHeight: this.state.size.h, maxWidth: this.state.size.w}}>
					<source src={this.state.full}></source>
				</video>
			</div>
		);
	}
});

module.exports = Event;