<!-- Copyright © 2023 Robert Bosch GmbH Copyright © 2023 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved. -->

<label [class.right]="rightAlign" [class.bold-font]="boldLabel" class="label one-line">{{ label }}</label>

<ng-container *ngIf="value; else content">
  <div
    [class.right]="rightAlign"
    [class.rtl]="rightToLeft"
    [class.wrap]="wrap"
    [class.bold-font]="boldValue"
    class="value"
  >
    {{ value }}
  </div>
</ng-container>

<ng-template #content>
  <div [class.bold-font]="boldValue">
    <ng-content></ng-content>
  </div>
</ng-template>
