---
import { markdownToHtml } from "@/lib/markdown";

interface Props {
    wallOfText: WallOfTextComponent;
}

const wallOfText = Astro.props.wallOfText;
console.log(markdownToHtml(wallOfText.text));
---

<div id={`walloftext-${wallOfText.id}`} class="flex flex-col py-12 px-12 container mx-auto gap-4">
    <h2 class="text-5xl font-bold">{wallOfText.title}</h2>
    <div set:html={markdownToHtml(wallOfText.text)}></div>
</div>