"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 defaultRenderButton(props) {
  const {
    buttonLabel,
    url
  } = props;
  const buttonUrl = addProtocolsWithURL(url);
  return react_1.default.createElement(styled_1.StyledLink, {
    to: buttonUrl,
    text: buttonLabel
  });
}

exports.defaultRenderButton = defaultRenderButton;

function defaultRenderTitle(props) {
  const {
    text
  } = props;
  return react_1.default.createElement(styled_1.StyledTitle, {
    content: text
  });
}

exports.defaultRenderTitle = defaultRenderTitle;

function defaultRenderLogo(props) {
  const {
    logo
  } = props;
  return react_1.default.createElement(styled_1.StyledImage, {
    src: logo ? addProtocolsWithURL(logo) : 'https://raderain-cdn.sirv.com/devs/home/home-logo-adspot.png',
    alt: 'Logo'
  });
}

exports.defaultRenderLogo = defaultRenderLogo;

function defaultRenderBox(props) {
  const {
    renderLogo,
    renderTitle,
    renderButton,
    backgroundColor,
    backgroundImage
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderLogo", "renderTitle", "renderButton", "backgroundColor", "backgroundImage"]);

  return react_1.default.createElement(styled_1.BannerWrapper, {
    backgroundColor: backgroundColor,
    backgroundImage: addProtocolsWithURL(backgroundImage)
  }, react_1.default.createElement(styled_1.LogoWrapper, null, renderLogo(remainingProps)), react_1.default.createElement(styled_1.TitleWrapper, null, renderTitle(remainingProps)), react_1.default.createElement(styled_1.ButtonWrapper, null, renderButton(remainingProps)));
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrapper(props) {
  const {
    className,
    dataQa,
    children
  } = props;
  return react_1.default.createElement(styled_1.Wrapper, {
    className: className,
    "data-qa": dataQa
  }, children);
}

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