"use strict";

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

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

  handleclock = () => {
    ModalCtrl.closeModal();
    // todo 成功了弹 finish_task
  };

  handleclose = () => {
    ModalCtrl.closeModal();
  };

  render() {
    const { n = 0  } = this.props;
    return (
      <div className="consume_qg modal_center">
        <span className="bg"></span>
        <span className="tile"></span>
        <span className="tip1">消耗{n}青果</span>
        <span className="tip2">完成打卡</span>
        <Button className="close" onClick={this.handleclose} />
        <Button className="clock" onClick={this.handleclock} />
        <span className="icon"></span>
        <span className="ditu"></span>
      </div>
    );
  }
}
export default Consume_qg;
