{{#with data}}
<div class="bs4--border-bottom">
    <h3 id="{{@root/dom/h3TransitLabel}}" class="headline-4 bs4--my-0 text-black bs4--py-3 theme-main-font">
        <span class="bs4--d-flex bs4--justify-content-between bs4--align-items-center">
            Mass Transit
            <i id="{{@root/dom/spanTransitCollapseChevron}}" class="material-icons chevron pull-right"
                aria-hidden="true" aria-label="collapse">expand_more</i>
        </span>
    </h3>
</div>
<div class="row collapse" id="{{@root/dom/divTransitCollapse}}">
    <div id="{{@root/dom/divTransitItems}}" class="bs4--col-12"></div>
    {{#compare @root/data/length ">" 5}}
    <div class="bs4--text-center bs4--mb-3" aria-hidden="true">
        <button id="{{@root/dom/btnCollapse}}" class="bs4--btn bs4--btn-sm bs4--btn-hs-blue paint-first-background paint-first-border paint-item-selectable paint-base-font">View More</button>
    </div>
    {{/compare}}
</div>
{{/with}}