var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import React from 'react';
import PropTypes from 'prop-types';
import './VideoFeature.scss';
import ResponsiveBackgroundImage from '../ResponsiveBackgroundImage';
var VideoFeature = function (_a) {
    var backgroundImage = _a.backgroundImage, headerText = _a.headerText, videoUrl = _a.videoUrl;
    return React.createElement(ResponsiveBackgroundImage, __assign({ className: "video-feature" }, backgroundImage),
        React.createElement("div", { className: "video-feature__content" },
            React.createElement("h2", { className: "video-feature__header" }, headerText),
            React.createElement("div", { className: "video-feature__video-wrapper" }, videoUrl &&
                React.createElement("iframe", { className: "video-feature__video", src: videoUrl, allowFullScreen: true }))));
};
VideoFeature.propTypes = {
    backgroundImage: PropTypes.object,
    headerText: PropTypes.string,
    videoUrl: PropTypes.string,
};
VideoFeature.defaultProps = {
    backgroundImage: {},
};
export default VideoFeature;
//# sourceMappingURL=VideoFeature.js.map