"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = index;

var _Iconfont = _interopRequireDefault(require("../../../../../../common/Iconfont"));

require("./index.less");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var React = require('react');

function index(props) {
  var renderCountDown = props.renderCountDown,
      title = props.title,
      rightTxt = props.rightTxt,
      isWill = props.isWill,
      _onClick = props.onClick;
  return /*#__PURE__*/React.createElement("div", {
    className: "common-title-wrap"
  }, /*#__PURE__*/React.createElement("div", {
    className: "left"
  }, /*#__PURE__*/React.createElement(_Iconfont["default"], {
    type: "icon-flash-deal",
    size: 20,
    color: "#CC1D20"
  }), /*#__PURE__*/React.createElement("span", {
    className: "title"
  }, title), isWill && /*#__PURE__*/React.createElement("span", {
    className: "sub-title"
  }, "Next"), renderCountDown && typeof renderCountDown === 'function' && renderCountDown()), /*#__PURE__*/React.createElement("div", {
    className: "right",
    onClick: function onClick() {
      return _onClick('/spike');
    }
  }, /*#__PURE__*/React.createElement("span", {
    className: "text"
  }, rightTxt), /*#__PURE__*/React.createElement(_Iconfont["default"], {
    type: "icon-outlined-right",
    size: 16,
    color: "#0038A8"
  })));
}