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

// https://img.maimairen.com/upload/img-text-tpl2/2022/11/07/3e8ac948f8eddd70020e0f082566bd6e.png
// https://img.maimairen.com/upload/img-text-tpl2/2022/11/07/002a3618a409ad1c6f965877f64b3c9a.png
var tpl015 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpl015, _Component);
  function tpl015() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpl015.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        padding: '0.8em',
        justifyContent: 'center',
        borderRadius: '.5em',
        position: 'relative',
        margin: '0 auto',
        maxWidth: '420px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '100%'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '14%'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/11/07/3e8ac948f8eddd70020e0f082566bd6e.png",
      alt: "",
      style: {
        position: 'relative',
        right: '-4%',
        width: '100%',
        height: '100%',
        zIndex: '1'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        flex: '1',
        zIndex: '2'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: "100%",
        height: '4px',
        // background: 'linear-gradient(180deg, #FDE7D8 0%, #FBC8A4 100%)',
        background: '#FDE7D8'
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        fontSize: '1.2em',
        fontFamily: 'MiSans-Demibold, MiSans',
        fontWeight: '600',
        color: '#FDEAC0',
        background: 'linear-gradient(180deg, #F15150 0%, #F77370 100%)',
        height: 'calc(100% - 4px)'
      }
    }, "\u4E00\u4E2A\u516C\u5F0F \u8F7B\u677E\u5B66\u4F1A")), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '14%'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/11/07/002a3618a409ad1c6f965877f64b3c9a.png",
      alt: "",
      style: {
        position: 'relative',
        left: '-4%',
        width: '100%',
        height: '100%',
        zIndex: '1'
      }
    }))));
  };
  return tpl015;
}(Component);
export { tpl015 as default };