"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const exotic_1 = require("exotic");

const styled_1 = require("./styled");

function addProtocolsWithURL(url) {
  if (url && url.length > 0) {
    const noProtocolURL = url.replace(/(^\w+:|^)\/\//, '');
    const updatedURL = '//' + noProtocolURL;
    return updatedURL;
  }

  return url;
}

function defaultRenderText(props) {
  const {
    text,
    content,
    textColor,
    backgroundColor,
    backgroundImage
  } = props;
  const label = exotic_1.isSafe(text) ? text : exotic_1.isSafe(content) ? content : '';
  return react_1.default.createElement(styled_1.StyledText, {
    content: label,
    backgroundColor: backgroundColor,
    textColor: textColor,
    backgroundImage: addProtocolsWithURL(backgroundImage)
  });
}

exports.defaultRenderText = defaultRenderText;

function defaultRenderWrapper(props) {
  const {
    className,
    dataQa,
    renderText
  } = props,
        remainingProps = tslib_1.__rest(props, ["className", "dataQa", "renderText"]);

  const textView = renderText(remainingProps);
  return react_1.default.createElement(styled_1.TextWrapper, {
    className: className,
    "data-qa": dataQa
  }, textView);
}

exports.defaultRenderWrapper = defaultRenderWrapper; //# sourceMappingURL=renderProps.js.map