<div 
  class="snack-notify-item"
  [class]="getNotificationClasses()"
  [class.visible]="notification.isVisible"
  [@slideIn]="notification.isVisible ? 'in' : 'out'"
>
  <!-- Ícone -->
  <div class="snack-notify-icon">
    <i class="fas {{ notification.config.icon }}"></i>
  </div>
  
  <!-- Conteúdo -->
  <div class="snack-notify-content">
    <span class="snack-notify-message">{{ notification.config.message }}</span>
  </div>
  
  <!-- Botão de fechar -->
  <button 
    *ngIf="notification.config.showCloseButton"
    class="snack-notify-close"
    (click)="onClose()"
    type="button"
    aria-label="Fechar notificação"
  >
    <i class="fas fa-times"></i>
  </button>
  
  <!-- Barra de progresso (opcional) -->
  <div 
    *ngIf="notification.config.duration && notification.config.duration > 0"
    class="snack-notify-progress"
    [style.animation-duration.ms]="notification.config.duration"
  ></div>
</div> 