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
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',
        justifyContent: 'center',
        borderRadius: '.5em',
        position: 'relative',
        overflow: 'hidden,',
        margin: '0 auto',
        maxWidth: '375px'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '100%',
        background: '#E3CBF7',
        padding: '1em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        width: '100%',
        justifyContent: 'space-between',
        padding: '0 1.8em'
      }
    }, /*#__PURE__*/React.createElement("div", null, "10.1-10.3"), /*#__PURE__*/React.createElement("div", null, "10.4-10.5"), /*#__PURE__*/React.createElement("div", null, "10.6-10.7")), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'space-between',
        alignItems: 'center',
        width: '100%',
        height: '2px',
        background: '#7933FE',
        padding: '0 3.2em',
        margin: '1em 0'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        width: '16px',
        height: '16px',
        borderRadius: '50%',
        background: '#7933FE'
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '16px',
        height: '16px',
        borderRadius: '50%',
        background: '#7933FE'
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: {
        width: '16px',
        height: '16px',
        borderRadius: '50%',
        background: '#7933FE'
      }
    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        justifyContent: 'space-between',
        padding: '0 1.8em'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center'
      }
    }, /*#__PURE__*/React.createElement("div", null, "\u5929\u5929\u7FFB\u724C"), /*#__PURE__*/React.createElement("div", null, "\u9886\u597D\u793C")), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center'
      }
    }, /*#__PURE__*/React.createElement("div", null, "\u9886\u5238\u9884\u8D2D"), /*#__PURE__*/React.createElement("div", null, "\u63D0\u524D\u4EAB\u4F18\u60E0")), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center'
      }
    }, /*#__PURE__*/React.createElement("div", null, "\u5C3E\u6B3E\u7ACB\u51CF"), /*#__PURE__*/React.createElement("div", null, "\u6574\u70B9\u79D2\u6740"))))));
  };
  return tpl1;
}(Component);
export { tpl1 as default };