<div class="cooldown{{#if this.data.cssClass}} {{this.data.cssClass}}{{/if}}">
    <div class="progress" style="width: {{this.progress}}"></div>
    <span data-tooltip="{{this.tooltip}}"
        {{#if (lt this.current this.start)}}
          data-action="progressCooldown"
        {{else}}
          data-action="activateCooldown"
        {{/if}}
          data-cooldown-id="{{@key}}">{{this.title}}</span>
        <button type="button" data-tooltip="{{localize "COOLDOWN.cancel" t=this.title}}" class="btn-right"
                data-action="cancelCooldown" data-cooldown-id="{{@key}}">
            <i class="fa-solid fa-xmark"></i>
        </button>
</div>