<script>
	import ProjectDescription from './ProjectDescription.svelte';
	import ProjectHeader from './ProjectHeader.svelte';
	import ProjectLinks from './ProjectLinks.svelte';
	import ProjectRepo from './ProjectRepo.svelte';
	import VendorGallery from './VendorGallery.svelte';

	//Props
	export let title;
	export let url;
	export let description;
	export let repo;
	export let rss;
	export let vendors;
</script>

<div class="pt-12">
	<div class="flex justify-start items-center gap-4">
		<ProjectHeader {title} />
		<ProjectLinks {url} {repo}/>
	</div>
	<hr class="border-slate-400 border-1" />
	<ProjectDescription {description} />
	<VendorGallery {vendors} />
	<ProjectRepo {repo} {rss} {url} />
</div>
