@wulperstudio/cms/node/organisms/BaseFooter/index.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BaseFooter = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["columns", "containerColumnsProps", "containerProps", "subFooter"],
  _excluded2 = ["component", "sx"],
  _excluded3 = ["sx"];
var BaseFooter = exports.BaseFooter = function BaseFooter(_ref) {
  var columns = _ref.columns,
    containerColumnsProps = _ref.containerColumnsProps,
    containerProps = _ref.containerProps,
    subFooter = _ref.subFooter,
    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  var theme = (0, _material.useTheme)();
  var _props$component = props.component,
    component = _props$component === void 0 ? 'footer' : _props$component,
    sx = props.sx,
    rest = (0, _objectWithoutProperties2["default"])(props, _excluded2);
  var _ref2 = containerColumnsProps || {},
    columnsSx = _ref2.sx,
    restColumnsProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded3);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({
    component: component,
    sx: Object.assign({
      backgroundColor: theme.palette.background["default"],
      padding: 0,
      borderTop: "1px solid ".concat(theme.palette.divider)
    }, sx)
  }, rest, {
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Container, Object.assign({}, containerProps, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({
        sx: Object.assign((0, _defineProperty2["default"])({
          display: 'grid',
          gap: '1rem'
        }, theme.breakpoints.up('md'), {
          gridAutoFlow: 'column',
          gridAutoColumns: 'fit-content'
        }), columnsSx)
      }, restColumnsProps, {
        children: columns
      })), subFooter || /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
          variant: "body1",
          textAlign: "center",
          children: ["Copyright \xA9", ' ', new Date().getFullYear(), ". All rights reserved."]
        })
      })]
    }))
  }));
};