@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
38 lines • 1.24 kB
JavaScript
var _div;
import React from 'react';
import { Root, Box } from './styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var 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__*/_jsxs(Root, {
gridTemplateRows: gridTemplateRows,
position: position,
urlImg: urlImg,
backgroundColor: backgroundColor,
layout: layoutBox,
children: [_div || (_div = /*#__PURE__*/_jsx("div", {})), /*#__PURE__*/_jsx(Box, {
alignItemsY: alignItemY,
backgroundColor: backgroundColorBox,
border: borderBox,
borderRadius: borderRadiusBox,
boxShadow: boxShadowBox,
position: position,
width: widthItem,
padding: paddingBox,
layout: layoutBox,
children: children
})]
});
};