@shopify/polaris/esnext/components/FormLayout/FormLayout.js

Shopify’s product component library

import React from 'react';
import { wrapWithComponent, isElementOfType } from '../../utilities/components';
import { Group, Item } from './components';
import styles from './FormLayout.scss';
export class FormLayout extends React.PureComponent {
    render() {
        const { children } = this.props;
        return (<div className={styles.FormLayout}>
        {React.Children.map(children, wrapChildren)}
      </div>);
    }
}
FormLayout.Group = Group;
function wrapChildren(child, index) {
    if (isElementOfType(child, Group)) {
        return child;
    }
    const props = { key: index };
    return wrapWithComponent(child, Item, props);
}