@momentum-ui/react/src/lib/Breadcrumbs/index.js

Cisco Momentum UI framework for ReactJs applications

/** @component breadcrumbs */

import React from 'react';
import PropTypes from 'prop-types';

class Breadcrumbs extends React.PureComponent {
  static displayName = 'Breadcrumbs';

  static propTypes = {
    /** @prop Children nodes to render inside Breadcrumbs | null */
    children: PropTypes.node,
    /** @prop Optional css class string | '' */
    className: PropTypes.string
  };

  static defaultProps = {
    children: null,
    className: ''
  };

  render() {
    const { className, children } = this.props;
    const items  = React.Children.map(children, (child, idx) => {
      if (children.length - 1 === idx || !children.length) {
        return React.cloneElement(child, { className: 'current' });
      }
      return child;
    });

    return <ul className={'md-breadcrumbs' + ` ${className}`}>{items}</ul>;
  }
}

export default Breadcrumbs;