import React, { useCallback } from "react";
import "./index.less";
import { Button } from "@src/components/Button";
import modalStore from "@src/store/modal";

const RulePop = () => {
  const closeBtn = useCallback(() => {
    modalStore.closePop("rulePop");
  }, []);

  return (
    <div className="modal_center rulepop">
      <div className="center_box">
        <div
          className="pop_content"
          dangerouslySetInnerHTML={{
            __html:
              "1.活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容 活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容活动规则内容",
          }}></div>
        <Button className="close" onClick={closeBtn}></Button>
      </div>
    </div>
  );
};

export default RulePop;
