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

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

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