"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");

const BreadCrumbItem_1 = require("./BreadCrumbItem");
/**
 * @todo can implement renderProps here as well, currently needed 1:1 functionality
 */


const renderList = list => {
  const crumbs = [];

  const addItemToList = (item, index) => {
    const {
      label,
      value
    } = item;

    if (!label && !value) {
      return;
    }

    const isLast = index === list.length - 1;
    const key = label + value;
    const view = react_1.default.createElement(BreadCrumbItem_1.BreadCrumbItem, Object.assign({
      isActive: isLast,
      key: key,
      text: value
    }, item));
    crumbs.push(view);

    if (isLast === false) {
      crumbs.push(react_1.default.createElement(styled_1.Separator, {
        key: key + 'separator'
      }));
    }
  };

  list.forEach(addItemToList);
  return crumbs;
};

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