code: function getGroupChildren(isSmallScreen, groupElement) {
    return React.Children.map(groupElement.props.children, child => {
      if (typeof child === "string") {
        return <span>{child}</span>;
      } else if (
        child &&
        child.type.propTypes &&
        child.type.propTypes.smallScreen
      ) {
        return React.cloneElement(child, {
          smallScreen: isSmallScreen
        });
      } else {
        return child;
      }
    });
  }
docs: Gets the children out of a grouping element and sanitises them - e.g. plain strings are converted to <span>s and
  elements that need to know about whether we're in small screen configuration are provided with that prop.
  
  @param isSmallScreen {boolean} Is the screen small?
  @param groupElement {Element} a grouping element to get children from.
  @returns {Array<Element>} a collection of processed children.