<script ctx="module" lang="ts">
	import { marked } from 'marked';
	export let name: string;
	export let description: string;
	export let url: string;
	description = marked(description.replaceAll('\n', '\n\n'));
</script>

<div class="flex flex-row gap-4 items-center p-4 border-b-2 border-b-accent/40 last:border-b-0">
	<div class="grow flex flex-col">
		<a class="text-accent font-title text-xl" href={url}>{name}</a>
		<div
			class="prose prose-sm prose-strong:font-bold prose-strong:text-text/90 prose-p:text-text/70 text-md break-words mt-1"
		>
			{@html description}
		</div>
	</div>
</div>
