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

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

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