<div class="separator-top p-t-8 m-t-auto" *ngIf="legalNotices$ | async as legalNotices">
  <ng-container *ngIf="legalNotices.component">
    <ng-container *c8yComponentOutlet="legalNotices.component; environmentInjector: legalNotices.injector"></ng-container>
  </ng-container>
  <a
    *ngIf="!legalNotices.component"
    title="{{ legalNotices.label | translate }}"
    type="button"
    class="c8y-right-drawer__link"
    target="_blank"
    rel="noopener noreferrer"
    [href]="legalNotices.url"
    c8yProductExperience
    [actionName]="PRODUCT_EXPERIENCE.QUICK_LINKS.EVENTS.QUICK_LINK_RIGHT_DRAWER"
    [actionData]="{
      component: PRODUCT_EXPERIENCE.QUICK_LINKS.COMPONENTS.RIGHT_DRAWER_COMPONENT,
      action: legalNotices.label
    }"
    [tabindex]="(drawerOpen$ | async) ? '0' : '-1'"
  >
    <span title="{{ legalNotices.label | translate }}" class="text-truncate text-12">
      {{ legalNotices.label | translate }}
    </span>
  </a>
</div>