@if (open) {
  <div
    class="frg-snackbar"
    [ngClass]="snackbarClassMap"
    role="status"
    aria-live="polite"
    [attr.aria-label]="ariaLabel"
  >
    <div class="frg-snackbar__accent"></div>
    @if (statusIconClass) {
      <span class="frg-snackbar__status-icon" [ngClass]="statusIconClass" aria-hidden="true"></span>
    }
    <div class="frg-snackbar__message">
      {{ message }}
      <ng-content></ng-content>
    </div>
    @if (actionLabel) {
      <button type="button" class="frg-snackbar__action" (click)="onActionClick()">
        {{ actionLabel }}
      </button>
    }
    @if (hasCloseButton) {
      <button
        type="button"
        class="frg-snackbar__close"
        aria-label="Close notification"
        (click)="onCloseClick()"
      >
        &times;
      </button>
    }
  </div>
}