<nz-drawer
  nzWrapClassName="custom-drawer"
  [nzClosable]="false"
  [nzMaskClosable]="false"
  [nzWidth]="width"
  [nzVisible]="visible"
  nzPlacement="right"
  [nzTitle]="title === null ? undefined : titleTpl"
  (nzOnClose)="close()"
>
  <ng-container *nzDrawerContent>
    <ng-content></ng-content>
    @if (visible) {
      <div class="special-drawer" (click)="close()"></div>
    }
  </ng-container>
</nz-drawer>

<ng-template #titleTpl>
  <div class="drawer-title">
    {{ title }}
  </div>
</ng-template>
