"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 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 renderSeparator() {
    return (react_1.default.createElement(styled_1.Separator, null,
        react_1.default.createElement(ArrowIcon_1.default, { right: true })));
}
exports.renderSeparator = renderSeparator;
/* Render Breadcrumb container inner dom's */
const renderingBreadCrumb = props => {
    const breadCrumbList = [];
    const { list } = props;
    const breadCrumbItems = (item, index) => {
        const { text, url } = item;
        const isLast = index === list.length - 1;
        const view = renderLinkItem(item);
        breadCrumbList.push(view);
        if (isLast === false) {
            breadCrumbList.push(renderSeparator());
        }
        else {
            breadCrumbList.push('');
        }
    };
    list.forEach(breadCrumbItems);
    return breadCrumbList;
};
/* Render Breadcrumb container, child of wrapper section */
function renderContainer(props) {
    return react_1.default.createElement(styled_1.BreadCrumbContainer, null, renderingBreadCrumb(props));
}
exports.renderContainer = renderContainer;
/* Render Breadcrumb wrapper */
function renderWrapper(props) {
    return react_1.default.createElement(styled_1.BreadCrumbWrapper, null, props.children);
}
exports.renderWrapper = renderWrapper;
//# sourceMappingURL=renderProps.js.map