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

// https://img.maimairen.com/upload/img-text-tpl2/2022/11/11/f8fdf04bef5f8174a7a7e2060ff381a5.png
var tpl07 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpl07, _Component);
  function tpl07() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpl07.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'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'relative',
        width: '100%',
        height: '20em',
        backgroundColor: '#FEE4AE',
        backgroundPosition: 'center',
        backgroundSize: 'cover',
        backgroundRepeat: 'no-repeat',
        backgroundImage: 'url(https://img.maimairen.com/upload/img-text-tpl2/2022/11/11/f8fdf04bef5f8174a7a7e2060ff381a5.png)'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        top: '50%',
        left: '50%',
        transform: 'translate(-50%,-50% )',
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection: 'column'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '0.8em',
        fontFamily: 'MiSans-ExtraLight, MiSans',
        fontWeight: '200',
        color: '#FFFFFF',
        letterSpacing: '2px'
      }
    }, "INVITATION"), /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '4.2em',
        fontFamily: 'MiSans-Bold, MiSans',
        fontWeight: 'bold',
        color: '#FFFFFF'
      }
    }, "\u9080\u8BF7\u51FD"), /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '0.8em',
        fontFamily: 'MiSans-Demibold, MiSans',
        fontWeight: '600',
        color: '#FFFFFF',
        letterSpacing: '2px',
        wordBreak: 'keep-all',
        whiteSpace: 'nowrap'
      }
    }, "2022 \u9AD8\u6F5C\u6D88\u8D39\u54C1\u724C\u6295\u8D44\u4EA4\u6D41\u4F1A"))));
  };
  return tpl07;
}(Component);
export { tpl07 as default };