<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={WarningIcon} caption="Внимание">
	{@render children()}
</IconBlock>
