@wulperstudio/cms/layouts/LayoutDrawer/LayoutDrawer.js

Wulper Studio Library Components CMS

import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["header", "body", "footer", "columnGap", "rowGap", "padding", "componentsProps"];
import React from 'react';
import { Root, Header, Footer, Body } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var LayoutDrawer = function LayoutDrawer(_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);
  var _React$useState = React.useState(false),
    _React$useState2 = _slicedToArray(_React$useState, 2),
    hasFooter = _React$useState2[0],
    setHasFooter = _React$useState2[1];
  React.useEffect(function () {
    if (footer) {
      setHasFooter(true);
    }
  }, [footer]);
  return /*#__PURE__*/_jsxs(Root, Object.assign({
    hasFooter: hasFooter,
    columnGap: columnGap,
    rowGap: rowGap,
    padding: padding
  }, props, {
    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
    }))]
  }));
};
export default LayoutDrawer;