Spaces:
Running
Running
File size: 1,059 Bytes
31d3580 95e3d2a 31d3580 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <script lang="ts">
import { Toaster as Sonner, type ToasterProps as SonnerProps } from 'svelte-sonner';
import { mode } from 'mode-watcher';
import SpinnerIcon from 'phosphor-svelte/lib/Spinner';
import CheckCircleIcon from 'phosphor-svelte/lib/CheckCircle';
import XCircleIcon from 'phosphor-svelte/lib/XCircle';
import InfoIcon from 'phosphor-svelte/lib/Info';
import WarningIcon from 'phosphor-svelte/lib/Warning';
let { ...restProps }: SonnerProps = $props();
</script>
<Sonner
theme={mode.current}
class="toaster group"
style="--normal-bg: var(--color-popover); --normal-text: var(--color-popover-foreground); --normal-border: var(--color-border);"
{...restProps}
>
{#snippet loadingIcon()}
<SpinnerIcon class="size-4 animate-spin" />
{/snippet}
{#snippet successIcon()}
<CheckCircleIcon class="size-4" />
{/snippet}
{#snippet errorIcon()}
<XCircleIcon class="size-4" />
{/snippet}
{#snippet infoIcon()}
<InfoIcon class="size-4" />
{/snippet}
{#snippet warningIcon()}
<WarningIcon class="size-4" />
{/snippet}
</Sonner>
|