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 './style.styl';
var FAQ = /** @class */ (function (_super) {
    __extends(FAQ, _super);
    function FAQ() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    FAQ.prototype.render = function () {
        var data = this.props.data;
        return (<div className="faq" id="faq">
                <div className="faq-head">常见问题</div>
                <div className="faq-main">
                    {data.map(function (item, index) {
            return (<React.Fragment key={index}>
                                {index == 0 ? null : (<div className="split-line"/>)}
                                <div className="faq-main-qa">
                                    <div className="qus">
                                        {item.ask ? <span>Q: </span> : ''}
                                        <div>{item.ask}</div>
                                    </div>
                                    <div className="as">
                                        {item.answer ? <span>A: </span> : ''}
                                        <div>{item.answer} </div>
                                    </div>
                                </div>
                            </React.Fragment>);
        })}
                </div>
            </div>);
    };
    return FAQ;
}(Component));
export default FAQ;