Proyectos de Subversion LeadersLinked - Backend

import React, { useState, useEffect } from 'react'
import styles from './survey.module.scss'

const SurveyForm = ({ question, answers = [], active, time }) => {
  const [isActive, setIsActive] = useState(true)

  useEffect(() => {
    setIsActive(Boolean(active))
  }, [active])

  return (
    <form action="" className={styles.survey_form}>
      <h3>{question}</h3>
      {answers.map(
        (option, index) =>
          option && (
            <div className={styles.survey_input} key={index}>
              <input
                type="radio"
                name="option"
                id={`option-${index + 1}`}
                disabled={!isActive}
              />
              <label htmlFor={`option-${index + 1}`}>{option}</label>
            </div>
          )
      )}
    </form>
  )
}

export default SurveyForm