<div class="border border-color-primary rounded-primary">
  <%= render "articles/filter", lang: lang %>
  <div class="padding-primary">
    <ul class="relative z-0 divide-y divide-gray-200" data-target='bookmarks.list'>
      <% if @articles.present? %>
        <% @articles.each do |article| %>
          <%= render partial: "articles/article", object: article, locals: {t: true} %>
        <% end %>
      <% else %>
        <div class="px-1 py-4 lg:py-8 relative hover:bg-gray-50 text-sm text-gray-500"><%= t("empty_data") %></div>
      <% end %>
    </ul>
    <%== pagy_nav(@pagy) %>
  </div>
</div>
