@wulperstudio/cms/node/organisms/IconButtonTextField/IconButtonTextField.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.IconButtonTextField = void 0;
var _react = _interopRequireDefault(require("react"));
var _uuid = require("uuid");
var _material = require("@mui/material");
var _react2 = require("@iconify/react");
var _TextForLinesOutput = require("../../components/TextForLinesOutput");
var _IconButtonComponent = require("../../components/IconButtonComponent");
var _jsxRuntime = require("react/jsx-runtime");
var IconButtonTextField = exports.IconButtonTextField = function IconButtonTextField(_ref) {
  var icons = _ref.icons;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
    container: true,
    children: icons.map(function (ico) {
      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
        item: true,
        xs: true,
        columnGap: "10px",
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
            icon: ico.nameIcon
          })
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
          clines: 1,
          text: ico.textIcon
        })]
      }, (0, _uuid.v4)());
    })
  });
};