---
import { astroI18n } from "astro-i18n";
import { I18nProvider } from "astro-i18n/components"
import '../styles/style.css';

import Header from '../components/Header.astro';

const currentLocale = astroI18n.langCode;
const { pageTitle, titleColor } = Astro.props;
---
<I18nProvider>
<html lang={currentLocale} dir="ltr">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
		<meta name="viewport" content="width=device-width" />
		<meta name="generator" content={Astro.generator} />
		<title>{pageTitle} - Nicolas Arduin</title>
	</head>
	<body>
		<div class="wrapper">
			<Header />
			<main id="skip-content" role="main">
				<slot/>
			</main>
		</div>
	</body>
	<style define:vars={{ titleColor }}>
		h1 {
		 color: var(--titleColor);
		}
	 </style>
</html>
</I18nProvider>