<script lang="ts">
	import MdiIcon from './MdiIcon.svelte';

	let { icon = 'mdiInformation', message = '', size = 40 }: { icon?: string; message?: string; size?: number } = $props();
</script>

<div class="flex flex-col items-center py-8 gap-3" style="color: var(--color-muted-foreground);">
	<div style="opacity: 0.4;"><MdiIcon name={icon} {size} /></div>
	{#if message}<p class="text-sm">{message}</p>{/if}
</div>
