<div id="<%= dom_id game %>" class="space-y-2">
  <h3 class="text-lg font-semibold text-gray-900 truncate">
    <%= game.title %>
  </h3>

  <div class="mt-2 flex items-center text-sm text-gray-500">
    <svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
      <path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z" />
    </svg>
    <%= game.participants_count %> Players
  </div>

  <% if game.memo.present? %>
    <p class="mt-2 text-sm text-gray-600 line-clamp-2">
      <%= game.memo %>
    </p>
  <% end %>
</div>
