<div class="dialog-template-container">

  <div *ngIf="displayX" style="position: relative">
    <i (click)="onXPressed()" class="pointer stick-to-corner al-icon al-ico-dialog-x al-color blue-400 sm-md">
    </i>
  </div>

  <div class="generic-container {{theme || 'light-theme'}}">
    <div>
      <div class="d-flex flex-column" *ngIf="iconClass">
        <div [class]="'al-icon icon xxl mx-auto '+ [iconClass]"></div>
      </div>
      <div class="d-flex flex-column" *ngIf="header">
        <div class="create-title mx-auto ellipsis">{{header}}</div>
      </div>
      <div class="d-flex flex-column" *ngIf="subHeader">
        <p class="sub-header mx-auto" [innerHTML]="subHeader"></p>
      </div>
      <ng-content></ng-content>
    </div>
  </div>
  <sm-code *ngIf="codeTemplateFileName"
           [closedCodeLabel]="closedCodeLabel"
           [codeTemplateFileName]="codeTemplateFileName"
           [params]="codeParams"></sm-code>
</div>
