@pinuts/bsr-uikit-relaunch/dist/items/eventWizardItems/Intro/Intro.js

BSR UI-KIT Relaunch

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireDefault(require("react"));
var _formBuilder = require("@pinuts/form-builder");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Intro = props => {
  const {
    headline,
    description,
    infobadge
  } = props.config;
  if (!headline && !description && !infobadge) {
    return null;
  }
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "pi-intro my-5"
  }, /*#__PURE__*/_react.default.createElement("h4", {
    className: "d-flex align-items-center justify-content-between"
  }, /*#__PURE__*/_react.default.createElement("span", {
    className: "mr-2 mr-sm-0 text-dark"
  }, headline), infobadge && /*#__PURE__*/_react.default.createElement("span", {
    className: "badge badge-secondary rounded-pill ml-sm-3 mt-2 mt-sm-0"
  }, infobadge)), /*#__PURE__*/_react.default.createElement("p", null, description));
};
Intro.propTypes = {
  config: _propTypes.default.shape({
    headline: _propTypes.default.string,
    description: _propTypes.default.string,
    infobadge: _propTypes.default.string
  })
};
(0, _formBuilder.registerComponent)('Intro', Intro);
var _default = exports.default = Intro;