@wulperstudio/cms/node/components/ImageText/ImageText.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 _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _TextForLinesOutput = require("../TextForLinesOutput");
var _jsxRuntime = require("react/jsx-runtime");
var ImageTextOutput = function ImageTextOutput(_ref) {
  var text = _ref.text,
    image = _ref.image,
    title = _ref.title,
    cardTable = _ref.cardTable,
    borderRadiusImage = _ref.borderRadiusImage,
    clinesText = _ref.clinesText;
  if (cardTable) {
    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
      container: true,
      alignItems: "center",
      columnGap: "12px",
      sx: {
        flexGrow: 0,
        width: 'auto',
        padding: '7px 7px 7px 0px',
        flexWrap: 'nowrap'
      },
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
        item: true,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
          sx: {
            background: image ? "url(".concat(image, ")") : '#edecfa',
            width: 50,
            height: 50,
            borderRadius: borderRadiusImage,
            backgroundSize: 'cover'
          }
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
        item: true,
        xs: true,
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
          text: title || '',
          clines: 2,
          color: "#3D3769",
          fontSize: "16px",
          fontWeight: "600"
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
          variant: "body2",
          component: "p",
          sx: {
            color: '#B2BEDA'
          },
          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
            text: text,
            clines: clinesText || 1
          })
        })]
      })]
    });
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
    container: true,
    alignItems: "center",
    columnGap: "12px",
    sx: {
      flexGrow: 0,
      width: 'auto',
      padding: '7px 7px 7px 0px',
      flexWrap: 'nowrap'
    },
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
      item: true,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
        sx: {
          background: image ? "url(".concat(image, ")") : '#edecfa',
          width: 50,
          height: 50,
          borderRadius: borderRadiusImage,
          backgroundSize: 'cover'
        }
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
      item: true,
      xs: true,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextForLinesOutput.TextForLinesOutput, {
        text: text,
        clines: clinesText || 1
      })
    })]
  });
};
var _default = exports["default"] = ImageTextOutput;