<section class="signal-metrics" data-reveal>
  <div class="signal-metrics__track">
    {%- for block in section.blocks -%}
      <div class="signal-metrics__cell" {{ block.shopify_attributes }} data-reveal style="--index: {{ forloop.index }}">
        {%- if block.settings.value != blank -%}
          <span class="signal-metrics__value">{{ block.settings.value }}</span>
        {%- endif -%}
        {%- if block.settings.label != blank -%}
          <span class="signal-metrics__label">{{ block.settings.label }}</span>
        {%- endif -%}
      </div>
      {%- unless forloop.last -%}<span class="signal-metrics__divider" aria-hidden="true"></span>{%- endunless -%}
    {%- endfor -%}
  </div>
</section>

{% schema %}
{
  "name": "Signal Metrics",
  "class": "section-signal-metrics",
  "settings": [],
  "blocks": [
    {
      "type": "metric",
      "name": "Metric",
      "settings": [
        { "type": "text", "id": "value", "label": "Value", "default": "0" },
        { "type": "text", "id": "label", "label": "Label", "default": "Label" }
      ]
    }
  ],
  "presets": [{ "name": "Signal Metrics", "blocks": [{ "type": "metric" }, { "type": "metric" }, { "type": "metric" }, { "type": "metric" }] }]
}
{% endschema %}