text: import React$1, { memo, Children } from 'react';
  import { isElementOfType, wrapWithComponent } from '../../utilities/components.js';
  import styles from './FormLayout.scss.js';
  import { Item as Item$1 } from './components/Item/Item.js';
  import { Group as Group$1 } from './components/Group/Group.js';
  
  const FormLayout = /*#__PURE__*/memo(function FormLayout({
    children
  }) {
    return /*#__PURE__*/React$1.createElement("div", {
      className: styles.FormLayout
    }, Children.map(children, wrapChildren));
  });
  FormLayout.Group = Group$1;
  
  function wrapChildren(child, index) {
    if (isElementOfType(child, Group$1)) {
      return child;
    }
  
    const props = {
      key: index
    };
    return wrapWithComponent(child, Item$1, props);
  }
  
  export { FormLayout };
  