@akirautio/componentlibrary/components/Text/Markdown/Markdown.js

More detailed description coming up

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _reactMarkdown = _interopRequireDefault(require("react-markdown"));

var _index = require("../../Core/index");

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

var _default = function _default(_ref) {
  var _ref$children = _ref.children,
      children = _ref$children === void 0 ? '' : _ref$children,
      LinkComponent = _ref.linkComponent;
  console.log(children);
  return _react["default"].createElement(_reactMarkdown["default"], {
    source: children.trim(),
    renderers: {
      link: function link(props) {
        return props.href.match(/^(https?:)?\/\//) || LinkComponent === undefined ? _react["default"].createElement(_index.Typography.LinkText, {
          href: props.href
        }, props.children) : _react["default"].createElement(LinkComponent, {
          to: props.href
        }, props.children);
      },
      paragraph: function paragraph(props) {
        return _react["default"].createElement(_index.Typography.BodyText, null, props.children);
      },
      heading: function heading(props) {
        switch (props.level) {
          case 1:
            return _react["default"].createElement(_index.Typography.Heading1, null, props.children);

          case 2:
            return _react["default"].createElement(_index.Typography.Heading2, null, props.children);

          case 3:
            return _react["default"].createElement(_index.Typography.Heading3, null, props.children);

          default:
            return _react["default"].createElement(_index.Typography.Heading3, null, props.children);
        }
      }
    }
  });
};

exports["default"] = _default;