<script lang="ts">
import Link from "./Link.svelte";

	export let name: string;
	export let description: string;
	export let link: string;
</script>

<article
	class="w-full flex flex-row p-4 items-center justify-between border-t-2 border-white border-opacity-10 gap-2 -mt-8"
>
	<div class="flex flex-col gap-2 pl-4 -mb-2">
		<h1 class="text-white font-sans text-2xl mt-1">{name}</h1>
		{#each description.split('\n') as partDescription}
			<p class="text-gray-500 font-sans text-xl break-words">{partDescription}</p>
		{/each}
	</div>
	<Link url={link} />
</article>
