"use strict";

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

const tslib_1 = require("tslib");

const React = tslib_1.__importStar(require("react"));

const styleh_components_1 = require("styleh-components");

const Video_1 = require("../../atoms/Video");

exports.BackgroundVideo = props => React.createElement(Video_1.VideoPlayer, Object.assign({
  shouldAutoPlay: true
}, props));

exports.StyledBackgroundVideo = styleh_components_1.styled(exports.BackgroundVideo)`z-index:1;top:0;bottom:0;object-fit:cover;height:100%;position:relative;::-webkit-media-controls-play-button,::-webkit-media-controls-start-playback-button{display:none;}`;
exports.FillParent = styleh_components_1.styled.div`position:absolute;left:0;top:0;width:100%;height:100%;`;
exports.LightFade = styleh_components_1.styled(exports.FillParent)`background:linear-gradient(transparent 70%,#f5f5f5 100%);z-index:2;`;
exports.DarkFade = styleh_components_1.styled(exports.FillParent)`background:linear-gradient(#2c2c2c24,#2c2c2c00);z-index:2;`;
exports.StyledBackgroundImage = styleh_components_1.styled.img`width:100%;`;
exports.BackgroundWrap = styleh_components_1.styled.div`width:100%;background-position:top center;background-size:contain;background-repeat:no-repeat;position:absolute;top:0;left:0;z-index:-1;img,video{width:100%;}`; //# sourceMappingURL=styled.js.map