653ec12300
Co-authored-by: Nick Taylor <nick@iamdeveloper.com> Co-authored-by: Ridhwana <Ridhwana.Khan16@gmail.com>
22 lines
532 B
JavaScript
22 lines
532 B
JavaScript
import { h } from 'preact';
|
|
import { articlePropTypes } from '../../common-prop-types';
|
|
|
|
export const Video = ({ article }) => {
|
|
return (
|
|
<a
|
|
href={article.path}
|
|
className="crayons-story__video"
|
|
style={`background-image:url(${article.cloudinary_video_url})`}
|
|
>
|
|
<span title="Video duration" className="crayons-story__video__time">
|
|
{article.video_duration_in_minutes}
|
|
</span>
|
|
</a>
|
|
);
|
|
};
|
|
|
|
Video.propTypes = {
|
|
article: articlePropTypes.isRequired,
|
|
};
|
|
|
|
Video.displayName = 'Video';
|