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

// https://img.maimairen.com/upload/img-text-tpl2/2022/11/04/8c69ef7f73ac6fa7597ba0a81fdb5b66.png
// https://img.maimairen.com/upload/img-text-tpl2/2022/11/04/182b71018b3ce1c8df3408276d321d9c.png

// https://img.maimairen.com/upload/img-text-tpl2/2022/11/04/888f310f3d60aa1cb6803d2ab5c4121a.png
var tpl24 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpl24, _Component);
  function tpl24() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpl24.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        padding: '0.8em',
        justifyContent: 'center',
        borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden,',
        margin: '0 auto',
        maxWidth: '420px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        background: '#FFFADC',
        borderRadius: '20px',
        border: '1px solid rgb(255, 241, 212)',
        padding: '2.8em 0.8em 1em',
        marginTop: '2em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        background: 'linear-gradient(180deg, #FBB386 0%, #FA6D63 100%)',
        boxShadow: ' 0px 2px 4px 0px #FFC1AC',
        borderRadius: '8px',
        border: '3px solid #FF9A56',
        fontSize: '1.2em',
        fontFamily: 'MiSans-Medium, MiSans',
        fontWeight: '500',
        color: '#FFFFFF',
        display: 'inline-block',
        padding: '0.4em 2em',
        position: 'absolute',
        top: '8%'
      }
    }, "\u65B0\u751F\u5165\u56ED"), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '180%'
      }
    }, /*#__PURE__*/React.createElement("img", {
      src: "https://img.maimairen.com/upload/img-text-tpl2/2022/12/07/6b5a25ec823c9cc1a5c3e2e75095c675.png",
      alt: "",
      style: {
        width: '100%',
        objectFit: 'cover'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        fontSize: '1.2em',
        fontFamily: 'MiSans-Normal, MiSans',
        fontWeight: '400',
        color: '#B56604',
        paddingLeft: '0.8em'
      }
    }, "\u5F88\u9AD8\u5174\u4F60\u7684\u5B9D\u5B9D\u80FD\u6765\u5230\u6211\u4EEC\u5E7C\u513F\u56ED\u6765\u5F00\u59CB\u4ED6\u4EEC\u5168\u65B0\u7684\u6559\u80B2\u65C5\u7A0B\u3002"))));
  };
  return tpl24;
}(Component);
export { tpl24 as default };