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

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

import React from 'react';
import { propTypes } from "./props/propTypes";
import style from "../../../../form/layout/Section/ModuleFormSection.module.css";

const Section = props => {
  const {
    title,
    dataId,
    containerClass,
    titleClass,
    className,
    column,
    formName,
    children
  } = 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
  }, children));
};

export default Section;
Section.propTypes = propTypes;