gentux-style-guide/lib/modules/heros/HeroCarouselSlide.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 HeroCarouselSlide = function HeroCarouselSlide(_ref) {
  var heading = _ref.heading,
      subHeading = _ref.subHeading,
      btnCtaText = _ref.btnCtaText,
      btnCtaUrl = _ref.btnCtaUrl,
      imgUrl = _ref.imgUrl,
      imgCtaText = _ref.imgCtaText,
      imgCtaUrl = _ref.imgCtaUrl,
      content = _ref.content;
  return _react2.default.createElement(
    "div",
    { className: "container container-callout" },
    _react2.default.createElement(
      "div",
      { className: "row" },
      _react2.default.createElement(
        "div",
        { className: "col-sm-4 col-sm-push-1 z-index-100" },
        heading && _react2.default.createElement(
          "div",
          { className: "h5 mb-2" },
          heading
        ),
        subHeading && _react2.default.createElement("h1", {
          dangerouslySetInnerHTML: { __html: subHeading },
          className: "domd mt-3 mb-3 mb-sm-4"
        }),
        (content || btnCtaText) && _react2.default.createElement(
          "div",
          null,
          _react2.default.createElement("hr", { className: "hr-small" }),
          content && _react2.default.createElement("p", { dangerouslySetInnerHTML: { __html: content } })
        ),
        btnCtaText && _react2.default.createElement(
          "a",
          {
            className: "btn btn-hollow-primary mb-4",
            href: btnCtaUrl || '/',
            target: "_blank",
            rel: "noopener noreferrer"
          },
          btnCtaText
        )
      ),
      _react2.default.createElement(
        "div",
        { className: "col-sm-8" },
        imgUrl && _react2.default.createElement("img", {
          className: "img-responsive",
          alt: "hero",
          src: imgUrl
        }),
        imgCtaText && _react2.default.createElement(
          "a",
          { className: "btn btn-link mb-4", href: imgCtaUrl || '/' },
          imgCtaText
        )
      )
    )
  );
};
exports.default = HeroCarouselSlide;