- topic = local_assigns.fetch(:topic)

%li.topic-row.gl-py-3.gl-align-items-center{ class: 'gl-display-flex!', data: { qa_selector: 'topic_row_content' } }
  .avatar-container.rect-avatar.s40.gl-flex-shrink-0
    = topic_icon(topic, class: "avatar s40")

  .gl-min-w-0.gl-flex-grow-1
    .title
      = link_to topic.name, topic_explore_projects_path(topic_name: topic.name)

  .stats.gl-text-gray-500.gl-flex-shrink-0.gl-display-none.gl-sm-display-flex
    %span.gl-ml-5.has-tooltip{ title: n_('%d project', '%d projects', topic.total_projects_count) % topic.total_projects_count }
      = sprite_icon('bookmark', css_class: 'gl-vertical-align-text-bottom')
      = number_with_delimiter(topic.total_projects_count)

  .controls.gl-flex-shrink-0.gl-ml-5
    = link_to _('Edit'), edit_admin_topic_path(topic), id: "edit_#{dom_id(topic)}", class: 'btn gl-button btn-default'