<script>
	export let data;
	const { title, date, Content, categories: _ } = data;
</script>

<svelte:head>
	<title>silentsilas - {title}</title>
	<meta property="og:title" content={title} />
</svelte:head>

<!-- {#if categories && categories.length}
	<aside>
		<h2>Posted in:</h2>
		<ul>
			{#each categories as category}
				<li>
					<a href="/rants/category/{category}">
						{category}
					</a>
				</li>
			{/each}
		</ul>
	</aside>
{/if} -->

<div class="container h-full mx-auto flex justify-center items-center my-12 px-4">
	<article class="prose lg:prose-xl dark:prose-invert prose-a:text-red-500">
		<h1>{title}</h1>
		<p>Published: {date}</p>
		<Content />
	</article>
</div>
