index.js
function Group(props) {
	var children = React.Children.toArray(props.children).filter(Boolean);
	if (children.length === 1) {
		return children;
	}

	// Insert separators
	var separator = props.separator;
	var separatorIsElement = React.isValidElement(separator);
	var items = [children.shift()];
	children.forEach(function(item, index) {
		if (separatorIsElement) {
			var key = 'separator-' + (item.key || index);
			separator = React.cloneElement(separator, { key: key });
		}
		items.push(separator, item);
	});

	return items;
}
function Group(props) {
	var children = React.Children.toArray(props.children).filter(Boolean);
	if (children.length === 1) {
		return children;
	}

	// Insert separators
	var separator = props.separator;
	var separatorIsElement = React.isValidElement(separator);
	var items = [children.shift()];
	children.forEach(function(item, index) {
		if (separatorIsElement) {
			var key = 'separator-' + (item.key || index);
			separator = React.cloneElement(separator, { key: key });
		}
		items.push(separator, item);
	});

	return items;
}
function Group ( props ) { var children = React . Children . toArray ( props . children ) . filter ( Boolean ) ; if ( children . length === 1 ) { return children ; } // Insert separators var separator = props . separator ; var separatorIsElement = React . isValidElement ( separator ) ; var items = [ children . shift ( ) ] ; children . forEach ( function ( item , index ) { if ( separatorIsElement ) { var key = 'separator-' + ( item . key || index ) ; separator = React . cloneElement ( separator , { key : key } ) ; } items . push ( separator , item ) ; } ) ; return items ; }
React component to render collection of items separated by space or other separator.

@visibleName React Group
React component to render collection of items separated by space or other separator .