Cp Travel To Map Carousel 

<div class="travel-to-map-carousel">
    <div class="travel-to-map-carousel__title-container">
        <div class="travel-to-map-carousel__buttons-container">
            <a href="#" class="button-p3 button-p3--icon-only travel-to-map-carousel__previous-button  disabled" role="button">
                <svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2929 1.2928C12.6834 0.902276 13.3166 0.902276 13.7071 1.2928L18.7074 6.29306C19.0979 6.68358 19.0979 7.31675 18.7074 7.70727C18.3168 8.0978 17.6837 8.0978 17.2931 7.70727L12.2929 2.70701C11.9024 2.31649 11.9024 1.68332 12.2929 1.2928Z" />
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.00003L17 6.00003C17.5523 6.00003 18 6.44775 18 7.00003C18 7.55232 17.5523 8.00003 17 8.00003L1 8.00003C0.447715 8.00003 -7.61005e-08 7.55232 -8.74229e-08 7.00003C-3.91406e-08 6.44775 0.447715 6.00003 1 6.00003Z" />
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6347 7.77952L13.7068 12.7074C13.3163 13.0979 12.6832 13.0979 12.2926 12.7074C11.9021 12.3168 11.9021 11.6837 12.2926 11.2932L17.2205 6.36531C17.611 5.97479 18.2442 5.97479 18.6347 6.36531C19.0252 6.75584 19.0252 7.389 18.6347 7.77952Z" />
                </svg>
            </a>
            <a href="#" class="button-p3 button-p3--icon-only travel-to-map-carousel__next-button  " role="button">
                <svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2929 1.2928C12.6834 0.902276 13.3166 0.902276 13.7071 1.2928L18.7074 6.29306C19.0979 6.68358 19.0979 7.31675 18.7074 7.70727C18.3168 8.0978 17.6837 8.0978 17.2931 7.70727L12.2929 2.70701C11.9024 2.31649 11.9024 1.68332 12.2929 1.2928Z" />
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.00003L17 6.00003C17.5523 6.00003 18 6.44775 18 7.00003C18 7.55232 17.5523 8.00003 17 8.00003L1 8.00003C0.447715 8.00003 -7.61005e-08 7.55232 -8.74229e-08 7.00003C-3.91406e-08 6.44775 0.447715 6.00003 1 6.00003Z" />
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.6347 7.77952L13.7068 12.7074C13.3163 13.0979 12.6832 13.0979 12.2926 12.7074C11.9021 12.3168 11.9021 11.6837 12.2926 11.2932L17.2205 6.36531C17.611 5.97479 18.2442 5.97479 18.6347 6.36531C19.0252 6.75584 19.0252 7.389 18.6347 7.77952Z" />
                </svg>
            </a>
        </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">
    </div>
</div>
 
<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>
 
/* No context defined for this component. */

There are no notes for this item.