Cp Weather Tabs Nav 

<div class="weather-tabs-nav js-weather-tabs-nav">
    <div class="weather-tabs-nav__dropdown js-dropdown">
        <p class="weather-tabs-nav__dropdown-text js-dropdown-text"></p>
    </div>
    <div class="weather-tabs-nav__timer">
        <div class="carousel-timer" data-module="carouselTimer">
            <div class="carousel-timer__controls js-timer active">
                <svg class="carousel-timer__controls-circle">
                    <circle r="27" cx="33" cy="33"></circle>
                </svg>
                <div class="carousel-timer__button carousel-timer__button--pause js-pause"></div>
                <div class="carousel-timer__button carousel-timer__button--play js-play disabled"></div>
            </div>
        </div>
    </div>
    <div class="weather-tabs-nav__list-wrapper">
        <ul class="weather-tabs-nav__list">
        </ul>
    </div>
</div>
 
<div class="weather-tabs-nav js-weather-tabs-nav">
    <div class="weather-tabs-nav__dropdown js-dropdown">
        <p class="weather-tabs-nav__dropdown-text js-dropdown-text">{{tabs.[0].text}}</p>
    </div>
    <div class="weather-tabs-nav__timer">
        {{> @cp-carousel-timer }}
    </div>
    <div class="weather-tabs-nav__list-wrapper">
        <ul class="weather-tabs-nav__list">
            {{#each tabs}}
                <li class="weather-tabs-nav__list-item js-list-item{{#if @first}} is-active{{/if}}" data-tab-index="{{target}}">{{text}}</li>
            {{/each}}
        </ul>
    </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.