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

function AnswerCheckbox(props) {
  const { selected, answer, show, list = [] } = props;
  return (
    <div className="answer-checkbox">
      {list.map((item, index) => {
        return (
          <div className={`item ${index === answer ? 'true' : 'false'} ${show ? 'show' : ''}`}>
            <CheckboxItem checked={index === selected} />
            <div className="text">{item.text}</div>
            <div className="icon" />
          </div>
        );
      })}
    </div>
  );
}
AnswerCheckbox.propTypes = {};
export default AnswerCheckbox;