"use strict";

import React from "react";
import { observer } from "mobx-react";
import "./choice_challenge.less";
import { Button } from "@grace/ui";
import { PageCtrl } from "@/core/ctrls/PageCtrl";
import { ModalCtrl } from "@/core/ctrls/ModalCtrl";

@observer
class Choice_challenge extends React.Component {
  constructor(props) {
    super(props);
  }

  handlechallenge = () => {
    ModalCtrl.closeModal();
    //todo
  }

  // handleclose = () => {
  //   ModalCtrl.closeModal();
  // }
  
  render() {
    return (
      <div className="choice_challenge modal_center">
        <span className="bg"></span>
        <div className="sample">
          <span className="s_bg2"></span>
          <span className="s_bg"></span>
          <span className="icon"></span>
          <span className="demand">连续打卡xxx天</span>
          <span className="name">奖品名称</span>
        </div>
        <span className="zhanwei"></span>
        <span className="title"></span>
        <span className="tip"></span>
        <Button className="challenge" onClick={this.handlechallenge} />
        {/* <Button className="close" onClick={this.handleclose} /> */}
        <span className="ditu"></span>
      </div>
    );
  }
}
export default Choice_challenge;
