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 './SideFeature.scss';
import ResponsiveBackgroundImage from '../ResponsiveBackgroundImage';
var SideFeature = function (_a) {
    var reverse = _a.reverse, backgroundImage = _a.backgroundImage, featureImage = _a.featureImage, featureVideoUrl = _a.featureVideoUrl, featureHeaderText = _a.featureHeaderText, featureBodyText = _a.featureBodyText, className = _a.className;
    return (React.createElement(ResponsiveBackgroundImage, __assign({ className: [className, 'side-feature'].filter(Boolean).join(' ') }, backgroundImage),
        React.createElement("div", { className: [
                'side-feature__content',
                reverse && 'side-feature__content--reverse',
            ]
                .filter(Boolean)
                .join(' ') },
            featureImage && (React.createElement("img", { src: featureImage.source, alt: featureImage.alt, className: "side-feature__image" })),
            featureVideoUrl && (React.createElement("div", { className: "side-feature__video-wrapper" }, featureVideoUrl && (React.createElement("iframe", { className: "side-feature__video", src: featureVideoUrl, allowFullScreen: true })))),
            React.createElement("div", { className: "side-feature__text" },
                React.createElement("h2", { className: "side-feature__header-text" }, featureHeaderText),
                React.createElement("p", { className: "side-feature__body-text" }, featureBodyText)))));
};
SideFeature.propTypes = {
    reverse: PropTypes.bool,
    backgroundImage: PropTypes.object,
    featureImage: PropTypes.object,
    featureVideoUrl: PropTypes.string,
    featureHeaderText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
    featureBodyText: PropTypes.node,
    className: PropTypes.string,
};
SideFeature.defaultProps = {
    backgroundImage: {},
    reverse: false,
    className: '',
};
export default SideFeature;
//# sourceMappingURL=SideFeature.js.map