@wulperstudio/cms/node/components/IconText/IconText.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@iconify/react");
var _material = require("@mui/material");
var _Tooltip = require("../Tooltip");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["direction", "gap", "alignItems"];
var IconText = function IconText(_ref) {
  var nameIcon = _ref.nameIcon,
    text = _ref.text,
    typographyProps = _ref.typographyProps,
    colorIcon = _ref.colorIcon,
    titleTooltip = _ref.titleTooltip,
    tooltipPros = _ref.tooltipPros,
    isOpenTooltip = _ref.isOpenTooltip,
    iconButtonProps = _ref.iconButtonProps,
    containerProps = _ref.containerProps;
  var theme = (0, _material.useTheme)();
  var _ref2 = containerProps || {},
    _ref2$direction = _ref2.direction,
    direction = _ref2$direction === void 0 ? 'row' : _ref2$direction,
    _ref2$gap = _ref2.gap,
    gap = _ref2$gap === void 0 ? '.5rem' : _ref2$gap,
    _ref2$alignItems = _ref2.alignItems,
    alignItems = _ref2$alignItems === void 0 ? 'center' : _ref2$alignItems,
    rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, Object.assign({
    direction: direction,
    gap: gap,
    alignItems: alignItems
  }, rest, {
    children: [isOpenTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, Object.assign({
      title: titleTooltip || 'default-title-tooltip'
    }, tooltipPros, {
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, Object.assign({
        disableTouchRipple: true,
        disableFocusRipple: true,
        disableRipple: true,
        sx: {
          border: "1px solid ".concat(theme.palette.background.paper)
        }
      }, iconButtonProps, {
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
          className: "icon-tooltip",
          icon: nameIcon != null ? nameIcon : 'akar-icons:circle-fill',
          color: colorIcon != null ? colorIcon : theme.palette.primary.main
        })
      }))
    })), !isOpenTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, Object.assign({
      disableTouchRipple: true,
      disableFocusRipple: true,
      disableRipple: true,
      sx: {
        border: "1px solid ".concat(theme.palette.background.paper)
      }
    }, iconButtonProps, {
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
        className: "icon-tooltip",
        icon: nameIcon != null ? nameIcon : 'akar-icons:circle-fill',
        color: colorIcon != null ? colorIcon : theme.palette.primary.main
      })
    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, Object.assign({
      variant: "body1"
    }, typographyProps, {
      children: text
    }))]
  }));
};
var _default = exports["default"] = IconText;