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

// https://img.maimairen.com/upload/img-text-tpl2/2022/10/20/9bbe56867d86085b299381b2ea0cd501.png
var tpls31 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpls31, _Component);
  function tpls31() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpls31.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        background: '#FED1BD',
        // borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden',
        margin: '0 auto',
        maxWidth: '420px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column',
        padding: '2.2em 1.2em 0.8em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '4em',
        marginTop: '0.6em',
        border: '1px solid #FFFFFF',
        borderTopLeftRadius: '10px',
        background: '#ffff',
        zIndex: '1',
        marginLeft: '0.6em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        width: '100%',
        height: '100%',
        fontSize: '1.8em',
        fontFamily: 'MiSans-Heavy, MiSans',
        fontWeight: '800',
        color: '#FFFFFF',
        background: '#E53444',
        borderTopLeftRadius: '10px',
        borderBottomRightRadius: '10px'
      }
    }, "01")), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'flex-end',
        width: '100%'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flex: '1',
        height: '2em',
        maxHeight: '2em',
        overflow: 'hidden',
        paddingTop: '0.22em',
        background: '#FFFFFF',
        backdropFilter: 'blur(10px)',
        fontSize: '1.8em',
        lineHeight: '1.8em',
        paddingLeft: '0.6em',
        fontFamily: 'PingFangSC-Medium, PingFang SC',
        fontWeight: '500',
        color: '#E74755',
        borderTopLeftRadius: '10px',
        borderTopRightRadius: '10px',
        zIndex: '2'
      }
    }, "\u8F6C\u578B\u4E2D\u7684\u4E2D\u56FD\u7ECF\u6D4E"))), /*#__PURE__*/React.createElement("div", {
      style: {
        padding: '0 1em 1em 1em',
        background: '#FFFFFF',
        borderTopLeftRadius: '8px',
        borderBottomLeftRadius: '10px',
        borderBottomRightRadius: '10px',
        zIndex: '2',
        fontSize: '1.12em',
        fontFamily: 'PingFangSC-Regular, PingFang SC',
        fontWeight: '400',
        color: '#4A5566'
        // borderRadius:'10px'
      }
    }, "\u7ECF\u5386\u4E86\u4E09\u5341\u591A\u5E74\u7684\u9AD8\u901F\u589E\u957F\u540E\uFF0C\u4E2D\u56FD\u7ECF\u6D4E\u8FDB\u5165\u589E\u901F\u6362\u6321\u56DE\u843D\uFF0C\u63D0\u8D28\u589E\u6548\u5347\u7EA7\u7684\u65B0\u65F6\u671F\uFF0C\u539F\u6709\u7684\u589E\u957F\u6A21\u5F0F\u5DF2\u7ECF\u53D7\u5230\u6781\u5927\u6311\u6218\u3002\u4E2D\u56FD\u7ECF\u6D4E\u672A\u6765\u5982\u4F55\uFF1F\u5982\u4F55\u63D0\u9AD8\u8D44\u672C\u5E02\u573A\u6548\u7387\uFF1F\u56FD\u6709\u4F01\u4E1A\u6539\u9769\u7684\u91CD\u70B9\u5728\u54EA\u91CC\uFF1F\u6C11\u8425\u4F01\u4E1A\u9762\u4E34\u54EA\u4E9B\u6311\u6218\u4E0E\u673A\u4F1A\uFF1F")));
  };
  return tpls31;
}(Component);
export { tpls31 as default };