@wulperstudio/cms/node/layouts/LayoutFlex/LayoutFlex.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LayoutFlex = void 0;
var _react = _interopRequireDefault(require("react"));
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
var _div;
var LayoutFlex = exports.LayoutFlex = function LayoutFlex(_ref) {
  var children = _ref.children,
    position = _ref.position,
    urlImg = _ref.urlImg,
    gridTemplateRows = _ref.gridTemplateRows,
    widthItem = _ref.widthItem,
    alignItemY = _ref.alignItemY,
    backgroundColor = _ref.backgroundColor,
    boxShadowBox = _ref.boxShadowBox,
    borderBox = _ref.borderBox,
    borderRadiusBox = _ref.borderRadiusBox,
    paddingBox = _ref.paddingBox,
    backgroundColorBox = _ref.backgroundColorBox,
    layoutBox = _ref.layoutBox;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.Root, {
    gridTemplateRows: gridTemplateRows,
    position: position,
    urlImg: urlImg,
    backgroundColor: backgroundColor,
    layout: layoutBox,
    children: [_div || (_div = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Box, {
      alignItemsY: alignItemY,
      backgroundColor: backgroundColorBox,
      border: borderBox,
      borderRadius: borderRadiusBox,
      boxShadow: boxShadowBox,
      position: position,
      width: widthItem,
      padding: paddingBox,
      layout: layoutBox,
      children: children
    })]
  });
};