gentux-style-guide/_site/lib/modules/heros/HeroTwoUpImgLeft.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 HeroTwoUpImgLeft = function HeroTwoUpImgLeft(_ref) {
  var heading = _ref.heading,
      subHeading = _ref.subHeading,
      content = _ref.content,
      btnCtaText = _ref.btnCtaText,
      btnCtaUrl = _ref.btnCtaUrl,
      imgUrl = _ref.imgUrl;
  return _react2.default.createElement(
    "div",
    { className: "bg-gray-lighter" },
    _react2.default.createElement(
      "section",
      { className: " container-fluid bg-offset-base bg-offset-leftbottom-5-2 pt-4 pt-md-5 pb-4 pb-sm-5 pb-lg-6 " },
      _react2.default.createElement(
        "div",
        { className: "row align-vertical" },
        _react2.default.createElement(
          "div",
          { className: "col-sm-8 col-md-5 col-lg-4 col-lg-offset-1" },
          imgUrl && _react2.default.createElement("img", {
            alt: "hero",
            className: "shadow-level-4 img-responsive",
            src: imgUrl
          })
        ),
        _react2.default.createElement(
          "div",
          { className: "col-sm-12 col-md-7 col-lg-6 pl-lg-5" },
          _react2.default.createElement(
            "h1",
            { className: "domd" },
            heading && _react2.default.createElement(
              "div",
              { className: "h5 mt-3 mt-sm-0 mb-1" },
              heading
            ),
            subHeading && _react2.default.createElement("div", { dangerouslySetInnerHTML: { __html: subHeading } })
          ),
          content && _react2.default.createElement("p", { className: "mt-3", dangerouslySetInnerHTML: { __html: content } }),
          btnCtaText && _react2.default.createElement(
            "p",
            null,
            _react2.default.createElement(
              "a",
              { href: btnCtaUrl, className: "btn btn-primary" },
              btnCtaText
            )
          )
        )
      )
    )
  );
};
exports.default = HeroTwoUpImgLeft;