gentux-style-guide/lib/modules/heros/HeroNoImg.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 HeroNoImg = function HeroNoImg(_ref) {
  var heading = _ref.heading,
      subHeading = _ref.subHeading,
      content = _ref.content,
      btnCtaText = _ref.btnCtaText,
      btnCtaUrl = _ref.btnCtaUrl;
  return _react2.default.createElement(
    "div",
    { className: "bg-gray-lighter" },
    _react2.default.createElement(
      "section",
      { className: " container pt-4 pt-md-5 pb-5 pb-lg-6 " },
      _react2.default.createElement(
        "div",
        { className: "row align-vertical" },
        _react2.default.createElement(
          "div",
          { className: "col-sm-11 col-sm-offset-1 col-md-8" },
          _react2.default.createElement(
            "h1",
            null,
            heading && _react2.default.createElement(
              "div",
              { className: "h5 mt-4 mt-sm-0 mb-1" },
              heading
            ),
            subHeading && _react2.default.createElement("div", { dangerouslySetInnerHTML: { __html: subHeading }, className: "h1 domd" })
          ),
          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 = HeroNoImg;