<script>
	import { fadeDefault } from '$lib/Transitions';
	import { fade } from 'svelte/transition';

	let { children } = $props();
</script>

<div class="grid gap-4 xl:grid-cols-2 min-[1920px]:grid-cols-3" in:fade|global={fadeDefault}>
	{@render children?.()}
</div>
