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

// https://img.maimairen.com/upload/img-text-tpl2/2022/11/01/173af362617760ecffab40fcc338cdb6.png
var tpl3 = /*#__PURE__*/function (_Component) {
  _inheritsLoose(tpl3, _Component);
  function tpl3() {
    return _Component.apply(this, arguments) || this;
  }
  var _proto = tpl3.prototype;
  _proto.render = function render() {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden,',
        margin: '0 auto',
        maxWidth: '420px'
      }
    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '70%',
        background: '#FEDC06',
        border: '2px solid #000000',
        fontSize: '2em',
        fontFamily: 'MiSans-Heavy, MiSans',
        fontWeight: '800',
        color: 'rgb(0, 0, 0)',
        lineHeight: '1.8em',
        paddingLeft: '0.8em'
      }
    }, "\u4E91\u4E0A\u5B89\u5168\u6559\u80B2"), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '30%',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'flex-end',
        paddingRight: '1.2em',
        background: '#6DC488',
        borderTopRightRadius: '14px',
        border: '2px solid #000000'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '8px',
        height: '8px',
        borderRadius: '50%',
        background: '#FEDC06',
        border: '1px solid #000000',
        marginRight: '0.2em'
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '8px',
        height: '8px',
        borderRadius: '50%',
        background: '#FEDC06',
        border: '1px solid #000000',
        marginRight: '0.2em'
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '8px',
        height: '8px',
        borderRadius: '50%',
        background: '#FEDC06',
        border: '1px solid #000000'
      }
    })))));
  };
  return tpl3;
}(Component);
export { tpl3 as default };