"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _novaIcons = require("@coorpacademy/nova-icons");
var _provider = _interopRequireDefault(require("../../../atom/provider"));
var _link = _interopRequireDefault(require("../../../atom/link"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const StartBattle = /*#__PURE__*/_react.default.memo(function StartBattle(props) {
  const {
    startBattleText,
    becomeAChampionText,
    challengeText,
    onClick,
    href
  } = props;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.root,
    "data-name": "start-battle"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.container
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.wrapper
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.start
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.leftFlashes
  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBigFlashLeft, {
    className: _style.default.bigFlashLeft
  }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBigFlashLeft, {
    className: _style.default.smallFlashLeft
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.middle
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.becomeText
  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBigFlashLeft, {
    className: _style.default.smallFlashLeftMobile
  }), becomeAChampionText, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBigFlashRight, {
    className: _style.default.smallFlashRightMobile
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.challengeText
  }, challengeText), /*#__PURE__*/_react.default.createElement(_link.default, {
    className: _style.default.button,
    onClick: onClick,
    href: href
  }, startBattleText)), /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.rightFlashes
  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBigFlashRight, {
    className: _style.default.bigFlashRight
  }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyBigFlashRight, {
    className: _style.default.smallFlashRight
  }))))));
});
StartBattle.contextTypes = {
  skin: _provider.default.childContextTypes.skin
};
StartBattle.propTypes = process.env.NODE_ENV !== "production" ? {
  startBattleText: _propTypes.default.string,
  becomeAChampionText: _propTypes.default.string,
  challengeText: _propTypes.default.string,
  onClick: _propTypes.default.func,
  href: _propTypes.default.string
} : {};
var _default = exports.default = StartBattle;
//# sourceMappingURL=index.js.map