<script>
	import { Marquee } from 'flowbite-svelte';
	import { projects } from '$lib/projects.js';
	import VendorIcon from '../ProjectCard/VendorIcon.svelte';

	const allVendors = Array.from(
		new Map(
			projects.flatMap((project) => project.vendors).map((vendor) => [vendor.name, vendor])
		).values()
	);
</script>

<div class="p-4 bg-stone-200 dark:bg-slate-800 rounded-xl flex items-center overflow-scroll gap-4">
	{#each allVendors as vendor}
		<VendorIcon {...vendor} />
	{/each}
</div>
