"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _indexModule = _interopRequireDefault(require("./index.module.scss"));
require("../../module/text-font/index.scss");
var imageText = function imageText(_ref) {
  var content = _ref.content;
  var defTpl = "\n        <div style=\"display: flex; flex-direction: column; justify-content: center; height: 280px;\">\n            <div style=\"background: url(https://img.maimairen.com/low-code/ali/material-icon/rich-text.svg) center/cover no-repeat;width: 120px;height: 120px;margin: 0 auto;opacity: 0.2;\"></div>\n            <div style=\"color: #cfcfcf; text-align: center; font-size: 16px; line-height: 3em;\">\u8BF7\u7F16\u8F91\u60A8\u7684\u56FE\u6587</div>\n        </div>\n    ";
  var imageTextStyle = {
    style: {
      // width: size[0]?.value === undefined ? 'auto' : `${size[0]?.value}${size[0]?.unit}`,
      // height: size[1]?.value === undefined ? 'auto' : `${size[1]?.value}${size[1]?.unit}`,
      width: '100%',
      minHeight: '50px'
    }
  };
  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
    className: _indexModule["default"]['image-text-content']
  }, imageTextStyle, {
    dangerouslySetInnerHTML: {
      __html: (content === null || content === void 0 ? void 0 : content.data) || defTpl
    }
  }));
};
var _default = imageText;
exports["default"] = _default;