"use strict";

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

const tslib_1 = require("tslib");

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

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 defaultRenderComponent(props) {
  const {
    src,
    caption,
    url,
    alternateText
  } = props;
  const imageUrl = addProtocolsWithURL(url);
  const imageSrc = src !== '' ? addProtocolsWithURL(src) : 'https://reactdemo.skavaone.com/images/null_image.png';
  return react_1.default.createElement(styled_1.StyledLink, {
    text: caption,
    to: imageUrl
  }, react_1.default.createElement(styled_1.StyledFigure, {
    caption: caption,
    src: imageSrc,
    alt: alternateText
  }));
}

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

  return react_1.default.createElement(styled_1.StyledWrapper, {
    className: className
  }, react_1.default.createElement(styled_1.StyledTitle, null, title), react_1.default.createElement(styled_1.StyledMediaCarousel, Object.assign({
    renderItem: defaultRenderComponent
  }, remainingProps)));
}

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