<div class="hero-controls{{#if modifier}} hero-controls--{{modifier}}{{/if}}">
    {{#if isTimer}}
        <div class="hero-controls__timer js-hero-timer active">
            <svg class="hero-controls__timer-circle"><circle r="27" cx="33" cy="33"></circle></svg>
            <div class="hero-controls__button hero-controls__button--pause js-hero-pause"></div>
            <div class="hero-controls__button hero-controls__button--play js-hero-play disabled"></div>
        </div>
    {{else}}
        <div class="hero-controls__button hero-controls__button--prev js-hero-prev"></div>
        <div class="hero-controls__button hero-controls__button--next js-hero-next"></div>
    {{/if}}
</div>