@if (overlayData) {
<div class="overlay">
  <div class="overlay-content">
    @if (overlayType === "taskOverlay") {
    <app-task-overlay
      [overlayData]="overlayData"
      (closeDialogEmitter)="onCloseOverlay($event)"
    ></app-task-overlay>
    } @if (overlayType === "taskOverlayEdit") {
    <app-task-edit-overlay
      [overlayData]="overlayData"
      [overlayType]="overlayType"
      (closeDialogEmitter)="onCloseOverlay($event)"
    ></app-task-edit-overlay>
    } @if (overlayType === "newTaskOverlay") {
    <app-task-edit-overlay
      [overlayData]="overlayData"
      [overlayType]="overlayType"
      (closeDialogEmitter)="onCloseOverlay($event)"
    ></app-task-edit-overlay>
    } @if (overlayType === "dialog") {
    <app-dialog-overlay
      [overlayData]="overlayData"
      [overlayType]="overlayType"
      (closeDialogEmitter)="onCloseOverlay($event)"
    ></app-dialog-overlay>
    } @if (overlayType === "contactOverlay") {
    <app-contact-overlay
      [overlayData]="overlayData"
      [overlayType]="overlayType"
      (closeDialogEmitter)="onCloseOverlay($event)"
    ></app-contact-overlay>
    }
  </div>
</div>
}