<div class="np-learning-paths-resources">
  {% if items.any? %}
    {% for learning_path in items %}
      {% include "cards_learning_path" with learning_path %}
    {% endfor %}
  {% else %}
    <div class="np-learning-paths-resources-container">
      <div class="np-zero-state-text">
        You have not yet accessed any programs.
      </div>
      {% comment %} <img class="np-zero-state-learning-paths" alt="{% t .empty %}" /> {% endcomment %}
    </div>
  {% endif %}
</div>

<style>
.np-learning-paths-resources-container {
  text-align: left;
  padding: 0;
}

.np-learning-paths-resources {
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
}
</style>
