---
import Layout from "./Layout.astro";

interface Props {
	title: string;
	subtitle?: string;
}

const { title, subtitle } = Astro.props;

import "../styles/ram.css";
---

<Layout title={title}>
	<div class="ram-page">
		<div class="ram-document window">
			<div class="title-bar">
				<div class="title-bar-text">{title}</div>
				<div class="title-bar-controls">
					<a class="ram-close" href="/" aria-label="Close"></a>
				</div>
			</div>
			<div class="window-body ram-body">
				{subtitle && <p class="ram-subtitle">{subtitle}</p>}
				<slot />
			</div>
		</div>
	</div>
</Layout>