@mirrormedia/lilith-draft-renderer/lib/website/readr/block-renderers/video-block.js

## Introduction

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.VideoBlock = VideoBlock;

var _react = _interopRequireDefault(require("react"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const Video = _styledComponents.default.video`
  width: 100%;
  ${({
  theme
}) => theme.margin.default};
`;

function VideoBlock(entity) {
  var _video$file;

  const {
    video
  } = entity.getData();
  return /*#__PURE__*/_react.default.createElement(Video, {
    muted: true,
    autoPlay: true,
    loop: true,
    controls: true
  }, /*#__PURE__*/_react.default.createElement("source", {
    src: video === null || video === void 0 ? void 0 : video.url
  }), /*#__PURE__*/_react.default.createElement("source", {
    src: video === null || video === void 0 ? void 0 : (_video$file = video.file) === null || _video$file === void 0 ? void 0 : _video$file.url
  }));
}