import React from 'react';
import { Mask } from 'cbkfe-ui';


export default function CpsRuleMask({ showEarnRuleMask, closeMask, dotInfo = {} }) {
    {/* 群二维码弹框 */ }
    return <Mask
        isShow={showEarnRuleMask}
        bgStyle="rgba(0,0,0,0.6)"
        useFadeInOut={true}
        maskClick={() => closeMask()}
    >
        {
            showEarnRuleMask ? <div dot-pv-name="distribution_detail_page_shdetail_pv" {...dotInfo} className="cps-modules-ruleMask">
                <div className="rule-container">
                    <p className="title">-自购省钱-</p>
                    <p className="subtitle">自己下单支付后，将获得返现收益奖励</p>
                    <p className="title">-分享赚钱-</p>
                    <p className="subtitle">当你的好友通过你的分享链接或分享海报购买商品后，你将获得一定金额的收益奖励！</p>
                </div>
                <div className="close-content" onClick={() => closeMask()} />
            </div> : null
        }
    </Mask>;
}