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

// 1   https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/47672cac7caef86f5168f77e36a54ba5.png
// 2   https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/71bdd39aae169770aedda01071a2949a.png
// 3   https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/a8bf4ecbbf2f16302c470a579f881d14.png
// 4   https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/94806b608c023544b418516a14916f12.png
// 5   https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/36ecd0525474076ed2e5567316f19b8d.png
var tpl1 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpl1, _Component);
  function tpl1() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpl1.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        background: '#FEE3E2',
        borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden',
        // padding: '.5em',
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'center',
        margin: '0 auto',
        maxWidth: '420px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '100%',
        padding: '1.5em 0 2.2em 0',
        justifyContent: 'center',
        alignItems: 'center'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '4.8%'
        // background: `url(${avatar}) center top/cover`
      }
      // onClick={ev => upload(ev)}
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/47672cac7caef86f5168f77e36a54ba5.png",
      style: {
        maxWidth: '100%',
        verticalAlign: 'middle'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '2.2em',
        fontFamily: 'MiSans',
        fontWeight: '600',
        color: '#F55E4B',
        padding: '0 0.6em',
        marginTop: '-0.2em'
      }
    }, "\u7279\u8272\u7406\u8D22"), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '4.8%'
        // background: `url(${avatar}) center top/cover`
      }
      // onClick={ev => upload(ev)}
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/71bdd39aae169770aedda01071a2949a.png",
      style: {
        maxWidth: '100%',
        verticalAlign: 'middle'
      }
    }))), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'space-evenly',
        alignItems: 'center',
        paddingBottom: '2.6em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '30%',
        justifyContent: 'center',
        alignItems: 'center'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        width: '100%',
        background: '#FFFFFF',
        borderRadius: '1em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        width: '2.4em',
        height: '2.4em',
        background: '#B86131',
        border: '2px solid #FFFFFF',
        borderRadius: '50%',
        fontSize: '1em',
        fontFamily: 'DIN Alternate',
        fontWeight: 'bold',
        color: '#FFFFFF',
        marginTop: '-1.2em'
      }
    }, "01"), /*#__PURE__*/React.createElement("div", {
      style: {
        paddingTop: '0.6em',
        width: '40%',
        boxShadow: 'rgba(247, 206, 206, .29) 10px 16px 20px'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/94806b608c023544b418516a14916f12.png",
      style: {
        maxWidth: '100%',
        verticalAlign: 'middle'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        paddingTop: '0.6em',
        fontSize: '1.2em',
        fontFamily: 'MiSans',
        fontWeight: 'bold',
        color: '#B86131'
      }
    }, "\u7A33\u5065\u7406\u8D22"), /*#__PURE__*/React.createElement("div", {
      style: {
        paddingTop: '0.4em',
        paddingBottom: '1em',
        fontSize: '1em',
        fontFamily: 'MiSans',
        fontWeight: 'bold',
        color: '#666666'
      }
    }, "\u671F\u9650\u6D3B \u6536\u76CA\u7A33"))), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '30%',
        justifyContent: 'center',
        alignItems: 'center'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        width: '100%',
        background: '#FFFFFF',
        borderRadius: '1em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        width: '2.4em',
        height: '2.4em',
        background: '#1667F4',
        border: '2px solid #FFFFFF',
        borderRadius: '50%',
        fontSize: '1em',
        fontFamily: 'DIN Alternate',
        fontWeight: 'bold',
        color: '#FFFFFF',
        marginTop: '-1.2em'
      }
    }, "02"), /*#__PURE__*/React.createElement("div", {
      style: {
        paddingTop: '0.6em',
        width: '40%',
        boxShadow: 'rgba(148, 184, 248, .29) 10px 16px 20px'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/a8bf4ecbbf2f16302c470a579f881d14.png",
      style: {
        maxWidth: '100%',
        verticalAlign: 'middle'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        paddingTop: '0.6em',
        fontSize: '1.2em',
        fontFamily: 'MiSans',
        fontWeight: 'bold',
        color: '#4076C9'
      }
    }, "\u81EA\u52A8\u5B9A\u6295"), /*#__PURE__*/React.createElement("div", {
      style: {
        paddingTop: '0.4em',
        paddingBottom: '1em',
        fontSize: '1em',
        fontFamily: 'MiSans',
        fontWeight: 'bold',
        color: '#666666'
      }
    }, "\u671F\u9650\u6D3B \u6536\u76CA\u7A33"))), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '30%',
        justifyContent: 'center',
        alignItems: 'center'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        width: '100%',
        background: '#FFFFFF',
        borderRadius: '1em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        width: '2.4em',
        height: '2.4em',
        background: '#C0974B',
        border: '2px solid #FFFFFF',
        borderRadius: '50%',
        fontSize: '1em',
        fontFamily: 'DIN Alternate',
        fontWeight: 'bold',
        color: '#FFFFFF',
        marginTop: '-1.2em'
      }
    }, "03"), /*#__PURE__*/React.createElement("div", {
      style: {
        paddingTop: '0.6em',
        width: '40%',
        boxShadow: 'rgba(226, 185, 110, .29) 10px 16px 20px'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/36ecd0525474076ed2e5567316f19b8d.png",
      style: {
        maxWidth: '100%',
        verticalAlign: 'middle'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        paddingTop: '0.6em',
        fontSize: '1.2em',
        fontFamily: 'MiSans',
        fontWeight: 'bold',
        color: '#B86131'
      }
    }, "\u517B\u8001\u4FDD\u969C"), /*#__PURE__*/React.createElement("div", {
      style: {
        paddingTop: '0.4em',
        paddingBottom: '1em',
        fontSize: '1em',
        fontFamily: 'MiSans',
        fontWeight: 'bold',
        color: '#666666'
      }
    }, "\u9047\u89C1\u7F8E\u597D\u672A\u6765")))));
  };
  return tpl1;
}(Component);
export { tpl1 as default };