import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import React, { Component } from 'react';

// https://img.maimairen.com/upload/img-text-tpl2/2022/11/08/e6f33d23aab41bb55a0eae35c7ee9cff.png
// https://img.maimairen.com/upload/img-text-tpl2/2022/11/08/c0bb979cf5d9fb38677354cb45061fbf.png
// https://img.maimairen.com/upload/img-text-tpl2/2022/11/08/e196f0dc21083638a41539dd9ceb87bc.png
var tpl21 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpl21, _Component);
  function tpl21() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpl21.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        padding: '0.8em',
        justifyContent: 'center',
        borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden,',
        margin: '0 auto',
        maxWidth: '420px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'relative',
        width: '80%'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '0',
        left: '-36px',
        width: '60px'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/11/08/e6f33d23aab41bb55a0eae35c7ee9cff.png",
      alt: "",
      style: {
        width: "60px",
        minWidth: '60px',
        maxWidth: '60px',
        objectFit: 'cover'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'center',
        background: 'linear-gradient(180deg, #FBB386 0%, #FA6D63 100%)',
        borderRadius: '8px',
        border: '1px solid #FFB685',
        padding: '0.4em 1em',
        fontSize: '1.6em',
        fontFamily: 'MiSans-Bold, MiSans',
        fontWeight: 'bold',
        color: '#FFFFFF',
        marginTop: '58px',
        marginLeft: '14px'
      }
    }, "\u65B0\u751F\u5165\u56ED\u987B\u77E5")));
  };
  return tpl21;
}(Component);
export { tpl21 as default };