<script lang="ts">
	import { toast } from '$lib/stores';
	import Toast from './Toast.svelte';
</script>

<!-- Toast Container - Fixed position at top-right -->
<div class="toast toast-end toast-top z-50">
	{#each $toast as toastItem (toastItem.id)}
		<Toast toast={toastItem} onDismiss={toast.dismiss} />
	{/each}
</div>
