"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

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

const ArrowIcon_1 = __importDefault(require("../../atoms/Icons/ArrowIcon"));

const Empty_1 = require("../../atoms/Empty");

const styled_1 = require("./styled");
/* Render BreadCrumb navigation dom */


function renderLinkItem(props) {
  return react_1.default.createElement(styled_1.LinkItem, {
    to: props.url,
    text: props.text
  });
}
/* Render BreadCrumb separator section */


function defaultRenderSeparator() {
  return react_1.default.createElement(styled_1.Separator, null, react_1.default.createElement(ArrowIcon_1.default, {
    right: true
  }));
}

exports.defaultRenderSeparator = defaultRenderSeparator;
/* Render BreadCrumb container inner dom, child of wrapper section */

function renderList(props) {
  const {
    list,
    renderSeparator
  } = props;
  const listLength = list.length - 1;
  const boxView = list.map((item, index) => {
    return react_1.default.createElement(react_1.default.Fragment, {
      key: index
    }, renderLinkItem(Object.assign({}, item)), index === listLength ? react_1.default.createElement(Empty_1.Empty, null) : renderSeparator());
  });
  return react_1.default.createElement(styled_1.BreadCrumbBox, null, boxView);
}

exports.renderList = renderList;
/* Render BreadCrumb wrapper */

function defaultRenderWrapper(props) {
  const {
    className,
    children
  } = props;
  const passThroughProps = Object.freeze({
    className,
    'data-qa': props['data-qa']
  });
  return react_1.default.createElement(styled_1.BreadCrumbWrapper, Object.assign({}, passThroughProps), children);
}

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