<script lang="ts">
	import '../app.css';
	// import '../syntax-highlight.css'; // https://github.com/PrismJS/prism-themes
	import { page } from '$app/state';
	import { slide } from 'svelte/transition';
	import { navigating } from '$app/state';
	// import NavButton from '$lib/components/Nav-Button.svelte';
	import Icon from '@iconify/svelte';

	const routes: App.Route[] = [
		{ label: 'команда', icon: 'material-symbols:person', href: '/team' },
		{ label: 'новости', icon: 'material-symbols:newspaper', href: '/blog' },
		{ label: 'проекты', icon: 'material-symbols:work', href: '/projects' }
	];

	let isMenuOpen = false;
	$: if (navigating) isMenuOpen = false;
</script>

<svelte:head>
	<meta property="og:title" content="Tea Sanctuary" />
	<meta property="og:image" content="https://teasanctuary.ru/common/logo.png" />
	<meta property="og:description" content="Делаем вещи как можем." />

	<title>Tea Sanctuary</title>
</svelte:head>

<div class="relative flex flex-col min-h-lvh">
	<slot />
</div>

<footer class="bg-emerald-950">
	<div
		class="mx-auto w-full max-w-screen-xl justify-center px-2 py-6 text-center text-emerald-50 md:flex"
	>
		<p>
			<span class="font-bold">&copy; 2025 Tea Sanctuary</span>
		</p>
	</div>
</footer>
