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

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = require("./props/propTypes");

var _ModuleFormSectionModule = _interopRequireDefault(require("../../../../form/layout/Section/ModuleFormSection.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Section = function Section(props) {
  var title = props.title,
      dataId = props.dataId,
      containerClass = props.containerClass,
      titleClass = props.titleClass,
      className = props.className,
      column = props.column,
      formName = props.formName,
      children = props.children;
  return /*#__PURE__*/_react["default"].createElement("div", {
    "data-id": dataId,
    "data-test-id": dataId,
    className: containerClass ? containerClass : ''
  }, title && /*#__PURE__*/_react["default"].createElement("div", {
    className: titleClass ? titleClass : ''
  }, title), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(className ? className : '', " ").concat(column == 'single' ? _ModuleFormSectionModule["default"].singleColumn : ''),
    "data-id": formName && formName,
    "data-test-id": formName && formName
  }, children));
};

var _default = Section;
exports["default"] = _default;
Section.propTypes = _propTypes.propTypes;