<div class="overlay-board js-board">
<div class="overlay-board__header">
<h2 class="overlay-board__heading js-board-header">{{boardTitle}}</h2>
<div class="overlay-board__controls-wrapper">
<div class="overlay-board__controls overlay-board__controls--actions">
<button class="overlay-board__button js-share-modal-board-button">{{{shareIcon}}}</button>
<button class="overlay-board__button js-board-settings-button">{{{settingsIcon}}}</button>
</div>
<div class="overlay-board__controls overlay-board__controls--toggles js-board-view-toggles">
<button class="overlay-board__toggle overlay-board__toggle--liked-items is-active js-like-card-map-toggles">{{{gridViewIcon}}}</button>
<button class="overlay-board__toggle overlay-board__toggle--map js-like-card-map-toggles">{{{mapViewIcon}}}</button>
</div>
</div>
</div>
<div class="overlay-board__liked-items js-api-board-results-container active">
<div class="js-api-results grid-x">
</div>
</div>
{{> @cp-overlay-board-map-card boardMap }}
<div class="overlay-board__footer">
<div class="overlay-board__footer-content-container">
<div class="overlay-board__footer-icon">{{{footerIcon}}}</div>
<button class="button-p1 overlay-board__footer-share-button js-share-modal-board-button">{{footerShareButtonText}}</button>
</div>
</div>
</div>
<div class="overlay-board__notification js-board-notification">
<span class="overlay-board__notification-text js-board-notification-text" data-board-card-remove-text="{{notificationText}}"></span>
</div>
<div class="overlay-board__empty-container js-empty-board-container">
<div class="overlay-board__empty-content">
<h2 class="overlay-board__empty-header">{{empty.header}}</h2>
<p class="overlay-board__empty-text">{{empty.text}}</p>
<div class="overlay-board__empty-image">
{{> @cp-responsive-image empty.responsiveImage}}
</div>
</div>
</div>