"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

exports.default = configContext => {
  const React = configContext.lib.React;
  var _configContext$layout = configContext.layoutComponents;
  const Panel = _configContext$layout.Panel,
        Row = _configContext$layout.Row,
        Cols = _configContext$layout.Cols,
        Col = _configContext$layout.Col;
  const Field = configContext.recordComponents.Field;


  return React.createElement(
    Field,
    { name: "addrGroupList" },
    React.createElement(
      Field,
      { name: "addrGroup" },
      React.createElement(
        Panel,
        null,
        React.createElement(
          Cols,
          null,
          React.createElement(
            Col,
            null,
            React.createElement(Field, { name: "addressPlace1" }),
            React.createElement(Field, { name: "addressPlace2" }),
            React.createElement(Field, { name: "addressMunicipality" })
          ),
          React.createElement(
            Col,
            null,
            React.createElement(
              Row,
              null,
              React.createElement(Field, { name: "addressStateOrProvince" }),
              React.createElement(Field, { name: "addressPostCode" })
            ),
            React.createElement(Field, { name: "addressCountry" }),
            React.createElement(
              Row,
              null,
              React.createElement(
                Col,
                null,
                React.createElement(Field, { name: "addressType" })
              ),
              React.createElement(Col, null)
            )
          )
        )
      )
    )
  );
};