{#each $toasts as t (t.id)}
handleClick(t)} onkeydown={(e) => handleKey(e, t)} onmouseenter={() => toasts.pauseDwell(t.id, t.dwellMs)} onmouseleave={() => toasts.resumeDwell(t.id)} onfocus={() => toasts.pauseDwell(t.id, t.dwellMs)} onblur={() => toasts.resumeDwell(t.id)} style="--toast-color: {t.color}; --toast-dwell: {t.dwellMs}ms;" >
{iconFor(t.type)}
{t.title}
{t.body}
{/each}