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

Wulper Studio Library Components CMS

import React from 'react';
import { v4 } from 'uuid';
import { Grid } from '@mui/material';
import { Icon } from '@iconify/react';
import { TextForLinesOutput } from '../../components/TextForLinesOutput';
import { IconButtonComponent } from '../../components/IconButtonComponent';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export var IconButtonTextField = function IconButtonTextField(_ref) {
  var icons = _ref.icons;
  return /*#__PURE__*/_jsx(Grid, {
    container: true,
    children: icons.map(function (ico) {
      return /*#__PURE__*/_jsxs(Grid, {
        item: true,
        xs: true,
        columnGap: "10px",
        children: [/*#__PURE__*/_jsx(IconButtonComponent, {
          children: /*#__PURE__*/_jsx(Icon, {
            icon: ico.nameIcon
          })
        }), /*#__PURE__*/_jsx(TextForLinesOutput, {
          clines: 1,
          text: ico.textIcon
        })]
      }, v4());
    })
  });
};