<script>
	import VendorIcon from './VendorIcon.svelte';

	export let vendors;
</script>

<div class="my-4 dark:bg-slate-800 w-fit mx-auto rounded-2xl p-2">
	<h3 class="text-xl mb-2">built with</h3>
	<div class="flex justify-center gap-6 flex-wrap">
		{#each vendors as vendor}
			<VendorIcon {...vendor} />
		{/each}
	</div>
</div>
