gentux-style-guide/lib/modules/content_blocks/OneUp.js

<http://gentuxdesign.com>

"use strict";

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

var OneUp = function OneUp(_ref) {
  var heading = _ref.heading,
      content = _ref.content,
      btnCtaText = _ref.btnCtaText,
      btnCtaUrl = _ref.btnCtaUrl,
      imgUrl = _ref.imgUrl;
  return _react2.default.createElement(
    "div",
    { className: " container pt-4 pt-md-6 pb-4 pb-md-6 " },
    _react2.default.createElement(
      "div",
      { className: "row align-vertical" },
      _react2.default.createElement(
        "div",
        { className: "col-sm-8 col-sm-offset-2 col-lg-6 col-lg-offset-3" },
        imgUrl && _react2.default.createElement("img", {
          alt: "content",
          className: "shadow-level-4 img-responsive",
          src: imgUrl
        }),
        heading && _react2.default.createElement(
          "h2",
          { className: "h3 mt-4 mb-2" },
          heading
        ),
        content && _react2.default.createElement("p", { dangerouslySetInnerHTML: { __html: content } }),
        btnCtaText && _react2.default.createElement(
          "p",
          null,
          _react2.default.createElement(
            "a",
            { href: btnCtaUrl, className: "btn btn-primary" },
            btnCtaText
          )
        )
      )
    )
  );
};
exports.default = OneUp;