})
\n 
\n {/* Twig template had id. Doesn't look like id was used at all. */}\n {/* 
\n\n 
\n } else {\n return ''\n }\n }\n\n\n const renderChoices = (choices, questions, qIndex, scenarios, sIndex) => {\n if (!choices || !Array.isArray(choices)) {\n return '';\n }\n\n let next = \"view your score\";\n const scenarioNo = sIndex + 1;\n const questionNo = qIndex + 1;\n\n if (qIndex < questions.length) {\n next = \"the next question\";\n } else if (sIndex < scenarios.length) {\n next = \"the next scenario\";\n }\n return choices.map((choice, cIndex) => {\n const choiceId = \"choice-\" + scenarioNo + questionNo + \"-\" + cIndex;\n \n return (\n \n 
\n
\n : '' }\n \n \n \n \n\n
\n \n {/* {% include \"atoms-icon\" with { class:\"pavilion-icon\",id:\"ct_exercise\"} %} */}\n
\n {title}
\n\n Exercise {` ${minutes ? minutes : 0} min`}\n
\n \n
\n\n\n {!scenario.questions ? '' :\n \n\n {renderScenarioContent(scenario)}\n\n
\n \n Answer Q. 1 of {scenario.questions.length}\n
\n\n \n\n\n {scenario.questions.map((question, qIndex) => {\n const questionNo = qIndex + 1;\n return (\n \n )\n })}\n \n \n
\n \n \n
\n 
\n : '' }\n \n 
\n : '' }\n \n 
\n ![\"Pavilion]({require(\"../../images/logo-interactive-builder.png\")}){kind=logo}
\n }){kind=spacer}
\n