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

// 1   https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/0834945a6a386f8f4e1e302bdeb60050.png
// 2   https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/4eb8cd7bcb073bab6b011269815a37ba.png
// 3   https://img.maimairen.com/upload/img-text-tpl2/2022/10/11/db9924098f473d78c073565ae3b1ca67.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: {
        borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden',
        // padding: '.5em',
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'center',
        margin: '0 auto',
        width: '80%',
        maxWidth: '420px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '100%',
        padding: '1.5em  0 1.5em 1em',
        background: '#FFF1F1',
        border: '2px solid #FFFFFF',
        borderRadius: '1em',
        marginTop: '0.8em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '24%',
        maxWidth: '70px'
        // 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/0834945a6a386f8f4e1e302bdeb60050.png",
      style: {
        maxWidth: '100%',
        verticalAlign: 'middle'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '70%',
        flexDirection: 'column',
        justifyContent: 'space-between',
        padding: '0px 0px 0.6em 0.6em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.4em',
        fontFamily: 'MiSans',
        fontWeight: '600',
        color: '#F55E4B'
      }
    }, "\u7279\u8272\u7406\u8D22"), /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.0em',
        fontFamily: 'MiSans',
        fontWeight: '400',
        color: '#666666'
      }
    }, "\u98CE\u9669\u504F\u597D\u8F83\u4F4E \u8FFD\u6C42\u7EDD\u5BF9\u6536\u76CA"))), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '100%',
        padding: '1.5em  0 1.5em 1em',
        background: '#FFF1F1',
        border: '2px solid #ECD9DB',
        borderRadius: '1em',
        marginTop: '0.8em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '24%',
        maxWidth: '70px'
        // 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/4eb8cd7bcb073bab6b011269815a37ba.png",
      style: {
        maxWidth: '100%',
        verticalAlign: 'middle'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '70%',
        flexDirection: 'column',
        justifyContent: 'space-between',
        padding: '0px 0px 0.6em 0.6em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.4em',
        fontFamily: 'MiSans',
        fontWeight: '600',
        color: '#F55E4B'
      }
    }, "\u81EA\u52A8\u5B9A\u6295"), /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.0em',
        fontFamily: 'MiSans',
        fontWeight: '400',
        color: '#666666'
      }
    }, "\u806A\u660E\u81EA\u52A8\u6295\u5168\u7A0B\u59D4\u6258"))), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '100%',
        padding: '1.5em  0 1.5em 1em',
        background: '#FFF1F1',
        border: '2px solid #ECD9DB',
        borderRadius: '1em',
        marginTop: '0.8em',
        marginBottom: '0.8em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '24%',
        maxWidth: '70px'
        // 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/db9924098f473d78c073565ae3b1ca67.png",
      style: {
        maxWidth: '100%',
        verticalAlign: 'middle'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '70%',
        flexDirection: 'column',
        justifyContent: 'space-between',
        padding: '0px 0px 0.6em 0.6em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.4em',
        fontFamily: 'MiSans',
        fontWeight: '600',
        color: '#F55E4B'
      }
    }, "\u517B\u8001\u4FDD\u969C"), /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.0em',
        fontFamily: 'MiSans',
        fontWeight: '400',
        color: '#666666'
      }
    }, "\u201C\u56FA\u6536+\u201D\u5347\u7EA7\u7248\u6743\u76CA"))));
  };
  return tpl1;
}(Component);
export { tpl1 as default };