{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
~}}

<div data-test-annotations class="line-chart-annotations" style={{this.chartAnnotationsStyle}} ...attributes>
  {{#each this.processed key=@key as |annotation|}}
    <div data-test-annotation class="chart-vertical-annotation {{annotation.iconClass}} {{annotation.staggerClass}}" style={{annotation.style}}>
      <button
        type="button"
        title={{annotation.label}}
        class="indicator {{if annotation.isActive "is-active"}}"
        {{on "click" (fn this.selectAnnotation annotation.annotation)}}>
        {{x-icon annotation.icon}}
      </button>
      <div class="line" />
    </div>
  {{/each}}
</div>
