---
import { SITE_METADATA } from '@root/config';

export interface Props {
	title?: string | undefined;
	description?: string | undefined;
}

const { title = SITE_METADATA.title, description } = Astro.props as Props;
---

<link rel='preconnect' href='https://fonts.googleapis.com' />
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />
<link href='https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap' rel='stylesheet' />

<meta charset='utf-8' />
<meta name='viewport' content='width=device-width, initial-scale=1' />
<title>
	{title}
</title>
<meta name='title' content={title} />
<meta name='description' content={description || SITE_METADATA.description} />
<script is:inline src='/assets/js/detect-theme.min.js' />
<slot></slot>