loco-admin-web/src/lib/components/common/empty/empty.svelte

<script lang="ts">
	import { Bot } from '@lucide/svelte';
	import type { Snippet } from 'svelte';

	import { GlassPane } from '$lib/components/common/glass-pane';

	let {
		icon: Icon,
		caption,
	}: {
		icon: typeof Bot;
		caption?: Snippet;
	} = $props();
</script>

<div class="my-16 flex flex-col items-center gap-3 text-center">
	<GlassPane class="p-4">
		<Icon class="opacity-50" size={48} strokeWidth={2} />
	</GlassPane>
	{@render caption?.()}
</div>