{{#with data.review}}
<div id="{{@root/dom/divReview}}">
    <h5>{{reviewer}}</h5>
    <p class="bs4--d-flex bs4--align-items-center" aria-label="{{starRating}} out of 5 ratings">
        {{#compare starRating '>' 0}}
        <span class="material-icons review-star" aria-hidden="true">star</span>
        {{/compare}}
        {{#compare starRating '>' 1}}
        <span class="material-icons review-star" aria-hidden="true">star</span>
        {{/compare}}
        {{#compare starRating '>' 2}}
        <span class="material-icons review-star" aria-hidden="true">star</span>
        {{/compare}}
        {{#compare starRating '>' 3}}
        <span class="material-icons review-star" aria-hidden="true">star</span>
        {{/compare}}
        {{#compare starRating '>' 4}}
        <span class="material-icons review-star" aria-hidden="true">star</span>
        {{/compare}}
        <span class="bs4--ml-2 small pro-plus-review-date">{{createTime.monthDayYear}}</span>
    </p>
    <p id="{{@root/dom/pText}}">
        {{#if comment}}
        {{comment}}
        {{else}}
        {{#unless @root/data/loadedAsScroll}}
        <span class="bs4--text-gray-300 bs4--font-italic">No written feedback provided</span>
        {{/unless}}
        {{/if}}
    </p>
    <button id="{{@root/dom/btnMore}}" class="bs4--btn-link bs4--border-0 bs4--bg-white bs4--px-0 bs4--d-none paint-first-font">More</button>
</div>
{{/with}}