<script lang="ts">
	interface Props {
		active?: boolean;
		className: string | undefined;
		children?: import('svelte').Snippet;
	}

	let { active = false, className, children }: Props = $props();
</script>

<div class={className}>
	{#if active}
		<div class="animate-pulse">
			<div class="bg-gray-300 dark:bg-slate-600">&nbsp;</div>
		</div>
	{:else}
		{@render children?.()}
	{/if}
</div>
