<!--
Copyright 2021 The Chromium Authors
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<style>
#lessonContainer {
margin: auto;
text-align: start;
width: 800px;
}
</style>
<div id="lessonContainer"
hidden$="[[ shouldHideLessonContainer_(activeScreen) ]]">
<!-- Use lessonData object to create all lessons -->
<template id="lessonTemplate" is="dom-repeat" items="[[ lessonData ]]"
as="lesson" index-as="index">
<tutorial-lesson
lesson-id="[[ index ]]"
title="[[ lesson.title ]]"
content="[[ lesson.content ]]"
medium="[[ lesson.medium ]]"
curriculums="[[ lesson.curriculums ]]"
practice-title="[[ lesson.practiceTitle ]]"
practice-instructions="[[ lesson.practiceInstructions ]]"
practice-file="[[ lesson.practiceFile ]]"
actions="[[ lesson.actions ]]"
auto-interactive="[[ lesson.autoInteractive ]]"
active-lesson-id="[[ activeLessonId ]]">
</tutorial-lesson>
</template>
</div>