<div class="travel-to-map-carousel">
    <div class="travel-to-map-carousel__title-container">
        {{#if title}}<h2 class="travel-to-map-carousel__title">{{title}}</h2>{{/if}}
        <div class="travel-to-map-carousel__buttons-container">
            {{> @cp-button-tertiary url="#" disabled=true modifier="icon-only travel-to-map-carousel__previous-button"}}
            {{> @cp-button-tertiary url="#" modifier="icon-only travel-to-map-carousel__next-button"}}
        </div>
    </div>
    <div class="travel-to-map-carousel__track carousel__track">
        <div class="travel-to-map-carousel__bounds carousel__bounds"></div>
        <div class="travel-to-map-carousel__draggable carousel__draggable"></div>
    </div>
    <div class="travel-to-map-carousel__slider carousel__slider">
        {{#each locations}}
        <div class="travel-to-map-carousel__slide carousel__slide">
            <a href="#" class="travel-to-map-carousel__location-link" data-country-code="{{code}}">{{name}}</a>
        </div>
        {{/each}}
    </div>
</div>