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 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: {
        display: 'flex',
        padding: '0.8em',
        // justifyContent:'center',
        borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden,',
        margin: '0 auto',
        maxWidth: '420px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        transform: 'rotate(4deg)'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        background: '#5c784c',
        fontSize: '1.2em',
        fontFamily: 'HannotateSC-W7, HannotateSC',
        fontWeight: 'normal',
        color: '#FFFFFF',
        lineHeight: '1.2em',
        padding: '0.4em 3.4em',
        display: 'inline-block'
      }
    }, "\u5BBF\u820D\u4ECB\u7ECD")));
  };
  return tpl1;
}(Component);
export { tpl1 as default };