@wulperstudio/cms/node/organisms/Blocks/TitleListIcon/index.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TitleListIcon = void 0;
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 TitleListIcon = exports.TitleListIcon = function TitleListIcon(_ref) {
  var list = _ref.list;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
    component: "ul",
    sx: {
      p: 0
    },
    children: list.map(function (_ref2) {
      var text = _ref2.text,
        icon = _ref2.icon;
      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
        component: "li",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CustomCmpText, {
          direction: "row",
          stackProps: {
            alignItems: 'center',
            columnGap: 1
          },
          typographyProps: {
            children: text
          },
          customComponent: icon
        })
      }, (0, _uuid.v4)());
    })
  });
};