import React from 'react';
import * as Goods from '../index';
import styles from './detail.module.styl';
const setUpShare = require('@doctorwork/write-easy/lib/wechat').setUpShare;

const Detail = (props: any) => {
    const goods = props.goods || {};
    const isPlan = goods.productType == 2;

    const title = isPlan ? '' : '服务内容';
    const Head = isPlan ? Goods.GoodsHead : Goods.GoodsInfo;

    const desc = ['企鹅健康计划', '企鹅健康会员服务', '企鹅健康套餐'][
        goods.productType - 2
    ];

    setUpShare({ title: goods.productName, desc });

    return (
        <div id="planDetail" className={styles.wrapper}>
            {!props.noHead ? <Head goods={goods} /> : null}
            {isPlan ? (
                <img
                    src={props.extra.middle}
                    key={1}
                    style={{ width: '100%' }}
                />
            ) : null}
            <Goods.GoodsIntro goods={goods} />
            <Goods.GoodsContent goods={goods} title={title} />
            {props.extra.process.list.length ? (
                <Goods.Process info={props.extra} />
            ) : null}
            {props.extra.faq.length ? (
                <Goods.FAQ data={props.extra.faq} />
            ) : null}
        </div>
    );
};

Detail.defaultProps = {
    noHead: false
};

// const mapState = (state: any): any => state;

export default Detail;
