import React from 'react';
import { isObject, browser } from 'cbkfe-utils';

export default function CpsPrice({ info }) {
    if (!isObject(info, true)) { return null; }
    return <div className={`cps-modules-timerAndPrice cps-modules-timerAndPrice--${!info.distributor ? 'row' : 'share'}`}>
        <div className="productInfo--price">
            <span className="product--soldPrice"><span className="product--soldPrice--unit" >¥</span>{info.soldPrice || '??'}</span>
            <div className="number-content">
                {info.distributor && info.discount ? (
                    <span
                        className={`product-number ${browser.versions.android ? 'android-num' : ''}`}
                    >{info.discount}</span>
                ) : null}
                <div className="product-price-box">
                    {info.priceFlag && <span className="product-price--label">起</span>}
                    {info.marketPrice && <del className="product-marketPrice">¥{info.marketPrice || '??'}</del>}
                </div>
            </div>
        </div>
        {info.distributor ? (
            <div className="earn-info">
                <p className="earn-price">赚¥{info.earnMax}</p>
                <p className="buy-num">{info.shareCount}</p>
            </div>
        ) : null}
    </div>;
}