import { a as _inherits, b as _createClass, _ as _defineProperty, d as _classCallCheck, e as _possibleConstructorReturn, f as _getPrototypeOf } from '../_commonjsHelpers-aeb41076.js';
import React, { Component } from 'react';
import { c as classnames } from '../index-7951fb2f.js';
import { s as styleInject } from '../style-inject.es-1f59c1d0.js';

var css = ".WaitPayInfoView_waitingContainer__2DyOZ {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n";
var styles = {"waitingContainer":"WaitPayInfoView_waitingContainer__2DyOZ"};
styleInject(css);

const img = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDNweCIgdmlld0JveD0iMCAwIDQ4IDQzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAuMiAoNTUwNDcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5rY3hxX3BvcG92ZXJzX2ljb25fdGFuaGFvPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSLlj6blrqLnvZFf55u05pKt6K++X+ivvueoi+S7i+e7jeivpuaDhV/otK3kubDmj5DnpLrlvLnnqpciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MzYuMDAwMDAwLCAtMTkwLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyI+DQogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5MC4wMDAwMDAsIDExMC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0ia2N4cV9wb3BvdmVyc19pY29uX3RhbmhhbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ2LjAwMDAwMCwgODAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00OCwyMS41IEM0OCwzMy4zNzM2NjI2IDM4LjM2NDU3NTYsNDMgMjYuNDc5NzA0OCw0MyBDMjEuMTMwNjI3Myw0MyAxNy4wMzkxMTQ0LDQyLjE1MDYxNzMgMTMuMjg0MTMyOCwzOC45MzAwNDEyIEMxMS44MTQwMjIxLDM3LjY3MzY2MjYgMS43MDAzNjksNDMuMjEyMzQ1NyAwLjE3NzEyMTc3MSwzOS4yODM5NTA2IEMtMS4wNjI3MzA2MywzNi4wOTg3NjU0IDUuOTUxMjkxNTEsMjkuMjUwNjE3MyA1LjMxMzY1MzE0LDI3LjA3NDA3NDEgQzQuNzY0NTc1NjUsMjUuMTgwNjU4NCA0Ljk1OTQwOTU5LDIzLjU3MDM3MDQgNC45NTk0MDk1OSwyMS41IEM0Ljk1OTQwOTU5LDkuNjI2MzM3NDUgMTQuNTk0ODMzOSwwIDI2LjQ3OTcwNDgsMCBDMzguMzY0NTc1NiwwIDQ4LDkuNjI2MzM3NDUgNDgsMjEuNSBaIiBpZD0iU2hhcGUiIGZpbGw9IiMxNzkwRkYiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy44NDg3MDgsIDguMTkzNDE2KSIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi41LDI3LjQ5NzEwOTggQzEuMTMyMzUyOTQsMjcuNDk3MTA5OCAwLDI2LjM3OTQ2MjggMCwyNC45OTcxMDk4IEMwLDIzLjYxNDc1NjkgMS4xMzIzNTI5NCwyMi40OTcxMDk4IDIuNSwyMi40OTcxMDk4IEMzLjg2NzY0NzA2LDIyLjQ5NzEwOTggNSwyMy42MTQ3NTY5IDUsMjQuOTk3MTA5OCBDNSwyNi4zNzk0NjI4IDMuODY3NjQ3MDYsMjcuNDk3MTA5OCAyLjUsMjcuNDk3MTA5OCBaIE0yLjUsMTkuNDIxOTY1MyBDMS4xMzIzNTI5NCwxOS40MjE5NjUzIDAsMTguMTkxOTA3NSAwLDE2LjY3MDUyMDIgTDAsMi43NTE0NDUwOSBDMCwxLjI0NjI0Mjc3IDEuMTMyMzUyOTQsMCAyLjUsMCBDMy44Njc2NDcwNiwwIDUsMS4yMzAwNTc4IDUsMi43NTE0NDUwOSBMNSwxNi42NzA1MjAyIEM1LDE4LjE5MTkwNzUgMy44Njc2NDcwNiwxOS40MjE5NjUzIDIuNSwxOS40MjE5NjUzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+';

var Button = function Button() {
  for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
    props[_key] = arguments[_key];
  }

  return React.createElement("button", props, "button");
};

var WaitPayInfoView =
/*#__PURE__*/
function (_Component) {
  _inherits(WaitPayInfoView, _Component);

  function WaitPayInfoView() {
    _classCallCheck(this, WaitPayInfoView);

    return _possibleConstructorReturn(this, _getPrototypeOf(WaitPayInfoView).apply(this, arguments));
  }

  _createClass(WaitPayInfoView, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          onClickPayed = _this$props.onClickPayed,
          onClickProblem = _this$props.onClickProblem;
      return React.createElement("div", {
        className: styles.waitingContainer
      }, React.createElement("div", {
        className: styles.infoIconImgContainer
      }, React.createElement("img", {
        src: img,
        alt: "info label icon"
      })), React.createElement("div", null, React.createElement("div", {
        className: styles.pay_text
      }, "live.course_info.pay.notification"), React.createElement("div", {
        className: styles.btn_row
      }, React.createElement(Button, {
        className: classnames(styles.pay_btn, styles.btn_default),
        size: "small",
        onClick: function onClick() {
          onClickPayed && onClickPayed();
        }
      }, "live.course_info.pay.payed"), React.createElement(Button, {
        className: styles.btn_default,
        size: "small",
        style: {
          marginLeft: '16px'
        },
        onClick: function onClick() {
          onClickProblem && onClickProblem();
        }
      }, "live.course_info.pay.help"))));
    }
  }]);

  return WaitPayInfoView;
}(Component);

_defineProperty(WaitPayInfoView, "defaultProps", {
  onClickPayed: function onClickPayed() {
    console.log("onClickPayed");
  },
  onClickProblem: function onClickProblem() {
    console.log("onClickProblem");
  }
});

export default WaitPayInfoView;
export { WaitPayInfoView };
//# sourceMappingURL=index.js.map