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

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

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