- topic = local_assigns.fetch(:topic)
- title = topic.title || topic.name

%li.topic-row.gl-py-3.gl-align-items-center{ class: 'gl-display-flex!', data: { qa_selector: 'topic_row_content' } }
  = render Pajamas::AvatarComponent.new(topic, size: 32, alt: '')

  .gl-min-w-0.gl-flex-grow-1.gl-ml-3
    .title
      = link_to title, topic_explore_projects_path(topic_name: topic.name)
    %div
      = 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'
    = link_to _('Remove'), admin_topic_path(topic), aria: { label: _('Remove') }, data: { confirm: _("Are you sure you want to remove %{topic_name}?") % { topic_name: title }, confirm_btn_variant: 'danger' }, method: :delete, class: 'gl-button btn btn-danger'