<div>
  <mat-list>
    <!-- <h1 mat-subheader>{{ 'settings.chat.label' | translate }}</h1>
    <mat-list-item>
      <span class="item-title">{{
        'settings.chat.fontFamily' | translate
      }}</span>
      <span class="item-input">
        <mat-form-field>
          <mat-select
            [value]="setting.fontFamily"
            (selectionChange)="onSelectionChangeFontFamily($event)"
          >
            <mat-option value="Malgun Gothic">
              맑은 고딕
            </mat-option>
          </mat-select>
        </mat-form-field>
      </span>
    </mat-list-item>
    <mat-list-item>
      <span class="item-title">{{ 'settings.chat.fontSize' | translate }}</span>
      <span class="item-input">
        <mat-form-field>
          <mat-select
            value="{{ setting.fontSize }}"
            (selectionChange)="onSelectionChangeFontSize($event)"
          >
            <mat-option
              *ngFor="let fontSize of [8, 9, 10, 11, 12, 13, 14, 15, 16, 18]"
              value="{{ fontSize }}"
            >
              {{ fontSize }}
            </mat-option>
          </mat-select>
        </mat-form-field>
      </span>
    </mat-list-item>

    <mat-divider></mat-divider> -->

    <h1 mat-subheader *ngIf="_isNodeWebkit">
      {{ 'settings.chat.file' | translate }}
    </h1>
    <mat-list-item *ngIf="_isNodeWebkit">
      <mat-form-field fxFlexFill>
        <input
          matInput
          placeholder="{{ 'settings.chat.downloadPath' | translate }}"
          [value]="setting.downloadPath"
          readonly
          (click)="onClickDownloadPath()"
        />
      </mat-form-field>
    </mat-list-item>
  </mat-list>
</div>
