@wulperstudio/cms/layouts/LayoutForm/LayoutForm.js

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["header", "body", "footer", "columnGap", "rowGap", "padding", "componentsProps"];
/* eslint-disable arrow-body-style */
import React from 'react';
import { Root, Header, Body, Footer } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var LayoutForm = function LayoutForm(_ref) {
  var header = _ref.header,
    body = _ref.body,
    footer = _ref.footer,
    columnGap = _ref.columnGap,
    rowGap = _ref.rowGap,
    padding = _ref.padding,
    componentsProps = _ref.componentsProps,
    props = _objectWithoutProperties(_ref, _excluded);
  return /*#__PURE__*/_jsxs(Root, Object.assign({}, props, {
    columnGap: columnGap,
    rowGap: rowGap,
    padding: padding,
    hasFooter: !!footer,
    children: [/*#__PURE__*/_jsx(Header, Object.assign({}, componentsProps == null ? void 0 : componentsProps.HeaderProps, {
      children: header
    })), /*#__PURE__*/_jsx(Body, Object.assign({}, componentsProps == null ? void 0 : componentsProps.BodyProps, {
      children: body
    })), footer !== null && /*#__PURE__*/_jsx(Footer, Object.assign({}, componentsProps == null ? void 0 : componentsProps.FooterProps, {
      children: footer
    }))]
  }));
};