import React, { PureComponent } from 'react'

import Question from './Question.js'

import styles from './Questions.module.css'

class Questions extends PureComponent {
  render () {
    const { subjs, onChange, deleteQuestion } = this.props

    return (
      <div>
        {subjs.map((subj, i) => {
          return (
            <div key={i}>
              <div className={styles.subjName}>
                {subj.Name}
              </div>
              { subj.Questions.map((question, i) => {
                return (
                  <Question
                    key={i}
                    question={question}
                    subjInd={subj.ind}
                    onChange={onChange}
                    deleteQuestion={deleteQuestion}
                  />
                )
              })}
            </div>
          )
        })}
      </div>
    )
  }
}

export default Questions