import React, { PureComponent } from 'react'

import Question from './Question.js'

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

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

    return (
      <div>
        {subjs.map((subj) => {
          return (
            <div>
              <div className={styles.subjName}>
                {subj.Name}
              </div>
              { subj.Questions.map((question) => {
                return (
                  <Question
                    question={question}
                  />
                )
              })}
            </div>
          )
        })}
      </div>
    )
  }
}

export default Questions