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

interface Props {
    wallOfText: WallOfTextComponent;
}

const wallOfText = Astro.props.wallOfText;
---

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