@gluestack-ui/utils/lib/getSpacedChild.jsx

Utility functions used internally in gluestack-ui

import React from 'react';
export function flattenChildren(children, keys = []) {
    const childrenArray = React.Children.toArray(children);
    return childrenArray.reduce((flatChildren, child, index) => {
        if (child.type === React.Fragment) {
            return flatChildren.concat(flattenChildren(child.props.children, keys.concat(child.key || index)));
        }
        if (React.isValidElement(child)) {
            flatChildren.push(React.cloneElement(child, {
                key: keys.concat(String(child.key || index)).join('.'),
            }));
        }
        else {
            flatChildren.push(child);
        }
        return flatChildren;
    }, []);
}
const getSpacedChildren = (children, space, SpacerComponent) => {
    let childrenArray = React.Children.toArray(flattenChildren(children));
    childrenArray = childrenArray.map((child, index) => {
        return (<React.Fragment key={child.key ?? `spaced-child-${index}`}>
        {child}
        {index < childrenArray.length - 1 && space && (<SpacerComponent size={space}/>)}
      </React.Fragment>);
    });
    return childrenArray;
};
export default getSpacedChildren;