discourse/app/assets/javascripts/admin/addon/components/silence-details.gjs

import Component, { Textarea } from "@ember/component";
import { htmlSafe } from "@ember/template";
import { tagName } from "@ember-decorators/component";
import TextField from "discourse/components/text-field";
import { i18n } from "discourse-i18n";

@tagName("")
export default class SilenceDetails extends Component {
  <template>
    <div class="penalty-reason-controls">
      <label>
        <div class="silence-reason-label">
          {{htmlSafe (i18n "admin.user.silence_reason_label")}}
        </div>
      </label>
      <TextField
        @value={{this.reason}}
        @placeholderKey="admin.user.silence_reason_placeholder"
        class="silence-reason"
      />
    </div>

    <label>
      <div class="silence-message-label">
        {{i18n "admin.user.silence_message"}}
      </div>
    </label>
    <Textarea
      @value={{this.message}}
      class="silence-message"
      placeholder={{i18n "admin.user.silence_message_placeholder"}}
    />
  </template>
}