<% is_long = folder.name.size > 32 %>
<a href="<%= folder_path(folder) %>" class="flex h-full flex-col justify-between rounded-2xl py-5 px-6 w-full bg-base-200 before:border-2 before:border-base-300 before:border-dashed before:absolute before:left-0 before:right-0 before:top-0 before:bottom-0 before:hidden before:rounded-2xl relative" data-targets="dashboard-dropzone.folderCards">
  <% if !is_long %>
    <%= svg_icon('folder', class: 'w-6 h-6') %>
  <% end %>
  <div class="text-lg font-semibold mt-1" style="overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: <%= is_long ? 2 : 1 %>;">
    <% if is_long %>
      <%= svg_icon('folder', class: 'w-6 h-6 inline') %>
    <% end %>
    <%= folder.name %>
  </div>
</a>
