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