@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
74 lines (73 loc) • 2.57 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MenuSettings = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _uuid = require("uuid");
var _material = require("@mui/material");
var _components = require("../../components");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["sx", "src"];
var MenuSettings = exports.MenuSettings = function MenuSettings(_ref) {
var title = _ref.title,
hideAvatar = _ref.hideAvatar,
options = _ref.options,
urlAvatar = _ref.urlAvatar,
boxProps = _ref.boxProps,
AvatarProps = _ref.AvatarProps;
var theme = (0, _material.useTheme)();
var _ref2 = AvatarProps || {},
sx = _ref2.sx,
_ref2$src = _ref2.src,
src = _ref2$src === void 0 ? urlAvatar : _ref2$src,
rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, Object.assign({
width: "100%",
sx: {
height: '100%',
overFlowY: 'auto'
}
}, boxProps, {
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
rowGap: "1.5rem",
children: [!hideAvatar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
direction: "row",
alignItems: "center",
justifyContent: "center",
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.AvatarV2, Object.assign({
src: src,
sx: Object.assign({
minWidth: 120,
minHeight: 120
}, sx)
}, rest))
}), title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
direction: "row",
alignItems: "center",
justifyContent: "center",
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
color: theme.palette.text.primary,
fontSize: "25px",
fontWeight: "600",
children: title
})
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
rowGap: "15px",
alignItems: "flex-start",
justifyContent: "center",
sx: {
maxWidth: 'fit-content',
margin: '0 auto'
},
children: options.map(function (op) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
children: op.item
}, (0, _uuid.v4)());
})
})]
})
}));
};