<ng-container *osPerms="'core.can_manage_projector'">
    <button
        type="button"
        class="projector-active"
        mat-mini-fab
        (click)="onClick($event)"
        *ngIf="!text && !menuItem && checkIsProjected()"
    >
        <mat-icon>videocam</mat-icon>
    </button>
    <button
        type="button"
        class="projector-inactive"
        mat-mini-fab
        (click)="onClick($event)"
        *ngIf="!text && !menuItem && !checkIsProjected()"
    >
        <mat-icon>videocam</mat-icon>
        {{ text | translate }}
    </button>
    <button
        type="button"
        *ngIf="menuItem"
        mat-menu-item
        (click)="onClick()"
        [ngClass]="checkIsProjected() ? 'projector-active' : 'projector-inactive'"
    >
        <mat-icon>videocam</mat-icon>
        {{ text || 'Project' | translate }}
    </button>
</ng-container>
