{#if toastStore.toasts.length > 0}
{#each toastStore.toasts as toast (toast.id)} {@const style = typeStyles[toast.type]}
{#if toast.type === 'error'}
{:else if toast.type === 'warning'}
{:else if toast.type === 'success'}
{:else}
{/if}
{typeLabels[toast.type]}
{toast.message}
{#if toast.dismissable}
toastStore.removeToast(toast.id)} class="shrink-0 rounded-md p-1 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300" aria-label="Dismiss" >
{/if}
{/each}
{/if}