er.number === 0 ? " show active" : ""}`}
                id={"tab-pane-" + props.chapter.number}
                role="tabpanel"
                aria-labelledby={"tab-" + props.chapter.number}
                tabIndex="0"
            >
                <div className="card">
                    <div className="card-header">
                        <h3>{props.chapter.number}. {props.chapter.title}</h3>
                    </div>
                    <div className="card-body">
                        <p danger