+ {#each $toasts as toast (toast.id)}
+
+ {toast.message}
+
+
+ {/each}
+
diff --git a/src/components/toast/Toast.ts b/src/components/toast/Toast.ts
new file mode 100644
index 0000000..b24289e
--- /dev/null
+++ b/src/components/toast/Toast.ts
@@ -0,0 +1,33 @@
+import { atom } from 'nanostores';
+
+export type Toast = {
+ id: number;
+ message: string;
+ duration: number;
+};
+
+export const toasts = atom