Proyectos de Subversion LeadersLinked - Antes de SPA

import React from "react";
import Question from "../question/Question";

const Section = (props) => {

    // get props
    const { section, backendVars } = props;

    return (

        <div className="panel-group">
            <div className="panel panel-default" id={`panel-${section.slug_section}`}>
                <div className="panel-heading">
                    <h4 className="panel-title">
                        <a
                            className="accordion-toggle"
                            data-toggle="collapse"
                            data-parent={`#panel-${section.slug_section}`}
                            aria-expanded="true"
                            href={`#${section.slug_section}`}>
                            {section.name}</a>
                    </h4>
                </div>
                <div id={section.slug_section} className="panel-collapse in collapse show">
                    <div className="panel-body">
                        <div
                            dangerouslySetInnerHTML={{ __html: section.text }}
                            className="description"
                        />
                        <div className="row">
                            {section.questions.map((question, key) => {
                                return <Question
                                    question={question}
                                    key={key}
                                    backendVars={backendVars}
                                />;
                            })}
                        </div>
                    </div>
                </div>
            </div>
        </div>



    )
}

export default Section;