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

// https://img.maimairen.com/upload/img-text-tpl2/2022/11/11/d24e4bf2d88703678c73d5b9e345c153.png
// https://img.maimairen.com/upload/img-text-tpl2/2022/11/11/af6bc4a5c42459829064d65174fe6ec5.png
var tpl8 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpl8, _Component);
  function tpl8() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpl8.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'center',
        position: 'relative',
        overflow: 'hidden,',
        margin: '0 auto',
        maxWidth: '420px',
        background: '#0B121F',
        padding: '1.4em 0'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        padding: '0 2em',
        justifyContent: 'space-between'
      }
    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/11/11/d24e4bf2d88703678c73d5b9e345c153.png",
      alt: "",
      style: {
        width: '80%',
        objectFit: 'cover'
      }
    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/11/11/af6bc4a5c42459829064d65174fe6ec5.png",
      alt: "",
      style: {
        width: '80%',
        objectFit: 'cover'
      }
    }))), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        marginTop: '0.8em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '20px',
        height: '1px',
        background: '#D8D8D8'
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.4em',
        fontFamily: 'MiSans-ExtraLight, MiSans',
        fontWeight: '200',
        color: '#727272',
        padding: '0.8em 0.8em 0'
      }
    }, "\u957F\u6309\u5E76\u8BC6\u522B\u4E8C\u7EF4\u7801\u62A5\u540D\u53C2\u4E0E\u6D3B\u52A8"), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '20px',
        height: '1px',
        background: '#D8D8D8'
      }
    }))));
  };
  return tpl8;
}(Component);
export { tpl8 as default };