import React from 'react';
import './index.less';
import Module from '../Module';
import Tabs from '../Tabs';
import OtherAnswer from '../OtherAnswer';

function QAList(props) {
  const { style, data = [] } = props;
  return (
    <Module style={style} className="qa-list">
      <Tabs
        type="division"
        theme="theme"
        space={2.5}
        width={100}
        tabs={[{ key: 'qx', name: '解析详情' }, { key: 'chinese', name: '中文语意' }]}
      />
      {data.map(item => {
        return <OtherAnswer data={item} />;
      })}
    </Module>
  );
}
QAList.propTypes = {};
export default QAList;