{% require 'assets/index.css' %}

{% use 'data' as list %}
  <ul class="fd-component_<%=name%>">
    {% for item in list %}
      <li class="item">
        <a class="fn-clear" href="{{ item.href }}" seed="{{ item.seed }}">
          <div class="snapshot"><img src="{{ item.image }}" alt="" /></div>
          <div class="fn-clear content">
            <h3 class="title">{{ item.title }}</h3>
            <div class="action-button">{{ item.action }}</div>
          </div>
        </a>
      </li>
    {% endfor %}
  </ul>
{% enduse %}
{% require 'assets/index.js' %}