{#if loading} {:else if error} {:else if notifications.length === 0} {:else} {#each notifications as notification} {@const Icon = getTypeIcon(notification.type)} handleNotificationClick(notification)} class="flex w-full items-start gap-3 px-4 py-3 text-left hover:bg-slate-50 transition-colors {notification.read_at ? 'opacity-60' : ''}" role="menuitem" >

{notification.title}

{#if !notification.read_at} {/if}

{notification.message}

{formatTime(notification.created_at)}

{/each} {/if}