<div class="overlay"
     (click)="close()"
     *ngIf="expanded && overlay"></div>

<cds-panel [expanded]="expanded"
           [attr.panel-size]="size">
  <div>
    <cds-icon-button kind="ghost"
                     class="float-end"
                     title="Close"
                     (click)="close()">
      <svg cdsIcon="close"></svg>
    </cds-icon-button>
    <div class="panel-header"
         *ngIf="headerText">
    {{ headerText }}
    </div>
  </div>
  <ng-content select=".panel-content"></ng-content>
  <ng-content select=".panel-footer"></ng-content>
</cds-panel>
