discourse/app/assets/javascripts/select-kit/addon/components/topic-row.gjs

import { classNames } from "@ember-decorators/component";
import TopicStatus from "discourse/components/topic-status";
import boundCategoryLink from "discourse/helpers/bound-category-link";
import replaceEmoji from "discourse/helpers/replace-emoji";
import SelectKitRowComponent from "select-kit/components/select-kit/select-kit-row";

@classNames("topic-row")
export default class TopicRow extends SelectKitRowComponent {
  <template>
    <TopicStatus @topic={{this.item}} @disableActions={{true}} />
    <div class="topic-title">{{replaceEmoji this.item.title}}</div>
    <div class="topic-categories">
      {{boundCategoryLink
        this.item.category
        ancestors=this.item.category.predecessors
        hideParent=true
        link=false
      }}
    </div>
  </template>
}