import React from 'react';
import './index.less';

function getKey(index, selected, answer) {
  return `${index === selected ? 'selected' : ''} ${index === answer ? 'true' : 'false'}`;
}

function AnswerList(props) {
  const { selected, answer, show, list = [] } = props;
  return (
    <div className="answer-list">
      {list.map((item, index) => {
        return (
          <div className={`item ${getKey(index, selected, answer)} ${show ? 'show' : ''}`}>
            <div className="icon" />
            <div className="text">{item.text}</div>
            {item.total && <div className="total">30%用户选择该选项</div>}
          </div>
        );
      })}
    </div>
  );
}
AnswerList.propTypes = {};
export default AnswerList;