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