@zohodesk/dot/es/form/layout/Section/Section.js

In this Library, we Provide Some Basic Components to Build Your Application

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 /*#__PURE__*/React.createElement("div", {
      "data-id": dataId,
      "data-test-id": dataId,
      className: containerClass ? containerClass : ''
    }, title && /*#__PURE__*/React.createElement("div", {
      className: titleClass ? titleClass : ''
    }, title), /*#__PURE__*/React.createElement("div", {
      className: `${className ? className : ''} ${column == 'single' ? style.singleColumn : ''}`,
      "data-id": formName && formName,
      "data-test-id": formName && formName
    }, this.props.children));
  }

}
Section.propTypes = propTypes; // if (__DOCS__) {
//   Section.docs = {
//     componentGroup: 'ModuleAddForm'
//   };
// }