---
import type { CollectionEntry } from 'astro:content';
import BaseHead from '../components/BaseHead.astro';
import FormattedDate from '../components/FormattedDate.astro';
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import { SiteTitle } from '../consts';

type Props = {
	arrelease: CollectionEntry<'archivedreleases'>;
};

const { arrelease } = Astro.props;
---

<!doctype html>
<html lang="en">
	<head>
		<title>{arrelease.data.versionNumber} | {SiteTitle}</title>
		<BaseHead
			title={arrelease.data.title}
			description={arrelease.data.description}
			image={arrelease.data.image}
		/>
	</head><body>
		<div class="glow"></div>
		<Header />
		<div class="post single" transition:persist transition:name="post">
			<div class="version_wrapper">
				<div class="version_info">
					<div class="version_number">{arrelease.data.versionNumber}</div>
					<FormattedDate class="date" date={arrelease.data.date} />
				</div>
			</div>
			<div class="content">
				<slot />
			</div>
		</div>
		<Footer />
	</body>
</html>
