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

Wulper Studio Library Components CMS

import React from 'react';
import { v4 } from 'uuid';
import { List } from '@mui/material';
import { CustomCmpText } from '../../../components';
import { jsx as _jsx } from "react/jsx-runtime";
export var TitleListIcon = function TitleListIcon(_ref) {
  var list = _ref.list;
  return /*#__PURE__*/_jsx(List, {
    component: "ul",
    sx: {
      p: 0
    },
    children: list.map(function (_ref2) {
      var text = _ref2.text,
        icon = _ref2.icon;
      return /*#__PURE__*/_jsx(List, {
        component: "li",
        children: /*#__PURE__*/_jsx(CustomCmpText, {
          direction: "row",
          stackProps: {
            alignItems: 'center',
            columnGap: 1
          },
          typographyProps: {
            children: text
          },
          customComponent: icon
        })
      }, v4());
    })
  });
};