diff --git a/src/lib/holocene/toast.svelte b/src/lib/holocene/toast.svelte index aec2ba28ac..49490d17d4 100644 --- a/src/lib/holocene/toast.svelte +++ b/src/lib/holocene/toast.svelte @@ -4,6 +4,7 @@ import { createEventDispatcher } from 'svelte'; import { twMerge as merge } from 'tailwind-merge'; + import type { IconName } from '$lib/holocene/icon'; import Icon from '$lib/holocene/icon/icon.svelte'; import type { ToastVariant } from '$lib/types/holocene'; @@ -17,10 +18,20 @@ warning: 'bg-warning', }; + const variantIcon: Readonly> = { + primary: null, + success: 'success', + error: 'error', + info: 'info', + warning: 'warning', + }; + export let id: string; export let variant: keyof typeof variants; export let closeButtonLabel: string; + $: icon = variantIcon[variant]; + const handleDismiss = () => { dispatch('dismiss', { id }); }; @@ -34,6 +45,9 @@ )} transition:fly={{ x: 250 }} > + {#if icon} + + {/if}