import React from 'react';
import SublimeVideo from 'react-sublime-video';

export default class VideoPlayer extends React.Component {
  render() {
    const video = this.props.video;
    const { alt, description, src } = video;
    const videoClassName = video.class;

    return (
      <div className={`preview-image-box ${videoClassName}`}>
        <div className={'preview-image-wrapper'}>
          <SublimeVideo src={src} type="video/mp4" />
        </div>
        <div className="preview-image-title">{alt}</div>
        <div className="preview-image-description"
          dangerouslySetInnerHTML={{ __html: description }} />
      </div>
    );
  }
}