Proyectos de Subversion LeadersLinked - Backend

import React 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) => (

        <div className={styles.survey_input} key={index}>

          <input

            type="radio"

            name="option"

            id={`option-${index + 1}`}

            disabled={!isActive || !Boolean(time)}

          />

          <label htmlFor={`option-${index + 1}`}>{option}</label>

        </div>

      ))}

    </form>

  )

}

export default SurveyForm