code: function Row(props) {
    const {
      rowClass,
      columns,
      widgets,
      onRemove,
      layout,
      rowIndex,
      editable,
      frameComponent,
      editableColumnClass,
      droppableColumnClass,
      addWidgetComponentText,
      addWidgetComponent,
      onAdd,
      onMove,
      onEdit,
    } = props;
  
    const items = columns.map((column, index) => { // eslint-disable-line arrow-body-style
      return (
        <Column
          key={index}
          className={column.className}
          onAdd={onAdd}
          layout={layout}
          rowIndex={rowIndex}
          columnIndex={index}
          editable={editable}
          onMove={onMove}
          editableColumnClass={editableColumnClass}
          droppableColumnClass={droppableColumnClass}
          addWidgetComponent={addWidgetComponent}
          addWidgetComponentText={addWidgetComponentText}
        >
          <Widgets
            key={index}
            widgets={column.widgets}
            containerClassName={column.containerClassName}
            widgetTypes={widgets}
            onRemove={onRemove}
            layout={layout}
            rowIndex={rowIndex}
            columnIndex={index}
            editable={editable}
            frameComponent={frameComponent}
            onMove={onMove}
            onEdit={onEdit}
          />
        </Column>
      );
    });
  
    return (
      <div className={rowClass}>
        {items}
      </div>
    );
  }
docs: Returns a set of columns that belongs to a row.