<div class="featured-trip-ideas-card-carousel" data-module="featuredTripIdeasCardCarousel">
<div class="grid-container">
<div class="carousel">
<div class="grid-x">
<div class="carousel__title-container cell">
{{#if title}}<h3 class="carousel__title">{{{title}}}</h3>{{/if}}
{{#if tripIdeasCards.length}}
<div class="carousel__buttons-container">
{{> @cp-button-tertiary url="#" disabled=true modifier="icon-only carousel__button carousel__button--prev"}}
{{> @cp-button-tertiary url="#" disabled=true modifier="icon-only carousel__button carousel__button--next"}}
</div>
{{/if}}
</div>
<div class="carousel__track cell">
<div class="carousel__bounds"></div>
<div class="carousel__draggable"></div>
</div>
</div>
<div class="carousel__slider grid-x">
{{#each tripIdeasCards}}
<div class="carousel__slide cell">
{{> @cp-featured-trip-ideas-card}}
</div>
{{/each}}
</div>
</div>
</div>
</div>