All files / src/form/layout/Section Section.js

100% Statements 4/4
42.85% Branches 6/14
100% Functions 2/2
100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31          1x       1x 1x                           1x            
import React, { Component } from 'react';
import { propTypes } from './props/propTypes';
import style from './ModuleFormSection.module.css';
export default class Section extends Component {
  constructor(props) {
    super(props);
  }
 
  render() {
    let { title, dataId, containerClass, titleClass, className, column, formName } = this.props;
    return (
      <div data-id={dataId} data-test-id={dataId} className={containerClass ? containerClass : ''}>
        {title && <div className={titleClass ? titleClass : ''}>{title}</div>}
        <div
          className={`${className ? className : ''} ${column == 'single' ? style.singleColumn : ''}`}
          data-id={formName && formName}
          data-test-id={formName && formName}
        >
          {this.props.children}
        </div>
      </div>
    );
  }
}
Section.propTypes = propTypes;
// if (__DOCS__) {
//   Section.docs = {
//     componentGroup: 'ModuleAddForm'
//   };
// }