Перенос рендера иконок на сторону сервера

src/lib/components/WarningBlock.svelte

@@ -1,12 +1,11 @@
 <script lang="ts">
+	import type { Snippet } from 'svelte';
 	import IconBlock from './IconBlock.svelte';
+	import WarningIcon from '~icons/material-symbols/warning';
+
+	let { children }: { children: Snippet } = $props();
 </script>
 
-<IconBlock
-	bgStrong="bg-yellow-500"
-	bgBleak="bg-yellow-50"
-	icon="material-symbols:warning"
-	caption="Внимание"
->
-	<slot />
+<IconBlock bgStrong="bg-yellow-500" bgBleak="bg-yellow-50" icon={WarningIcon} caption="Внимание">
+	{@render children()}
 </IconBlock>