var __extends = (this && this.__extends) || (function () {
    var extendStatics = Object.setPrototypeOf ||
        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
    return function (d, b) {
        extendStatics(d, b);
        function __() { this.constructor = d; }
        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
    };
})();
import React, { Component } from 'react';
import Img from '../../ImgLoad/index';
import { Sym } from '../../Icon/index';
import './style.styl';
var GoodsInfo = /** @class */ (function (_super) {
    __extends(GoodsInfo, _super);
    function GoodsInfo(props) {
        return _super.call(this, props) || this;
    }
    GoodsInfo.prototype.render = function () {
        var goods = this.props.goods;
        return (<div className="goodinfo">
                <div className="goodinfo-head">
                    <Img src={goods.productImage}/>
                    <div className="text"/>
                </div>
                <div className="goodinfo-msg">
                    <div>
                        <div className="goodinfo-msg-name">
                            {goods.productName}
                        </div>
                        <pre className="goodinfo-msg-text">
                            {goods.productDesc}
                        </pre>
                    </div>
                    <div className="price-box">
                        <div className="price-box-price">
                            <span className="f24">￥</span>
                            <span>{goods.salePrice}</span>
                            
                        </div>
                        {goods.price != goods.salePrice ? (<div className="price-box-maxprice">
                                <del>￥{goods.price}</del>
                            </div>) : null}
                    </div>
                    {goods.applyZone ? (<div className="apply-area">
                            <div>适用地区</div>
                            <div>
                                <span>
                                    <Sym type="area"/>
                                </span>
                                <span>{goods.applyZone}</span>
                            </div>
                        </div>) : null}
                </div>
            </div>);
    };
    return GoodsInfo;
}(Component));
export default GoodsInfo;