<div class="settings-container">
  <div class="title t-0 b-2">Einstellungen</div>
  <div class="settings-entry">
    Aktive Sprache
    <mat-radio-group aria-label="Select an option" [(ngModel)]="language">
      <mat-radio-button value="1" (click)="setLanguage('de')">{{
        "general.german" | translate
      }}</mat-radio-button>
      <mat-radio-button value="2" (click)="setLanguage('en')">{{
        "general.english" | translate
      }}</mat-radio-button>
    </mat-radio-group>
  </div>
  <!-- <mat-divider></mat-divider> -->
  <hr />
  <div class="settings-entry">
    Color Theme (coming soon)
    <mat-radio-group aria-label="Select an option">
      <mat-radio-button checked id="german" value="1">{{
        "general.light" | translate
      }}</mat-radio-button>
      <mat-radio-button id="english" value="2">{{
        "general.dark" | translate
      }}</mat-radio-button>
    </mat-radio-group>
  </div>
  <hr />
  <div class="settings-entry">
    Aktuellen Charakter exportieren (coming soon)
    <ui-button
      [color]="'neutral'"
      [type]="'export'"
      [width]="'w15'"
    ></ui-button>
  </div>
</div>
