<script lang="ts">
	import '$lib/styles/app.css';
	import '$lib/styles/font.css';
	import favicon from '$lib/assets/favicon.svg';
	import Header from '$lib/components/Header.svelte';
	import content from '$lib/data/data.json';
	import type { Data } from '$lib/types/data';
	import Footer from '$lib/components/Footer.svelte';

	let { children } = $props();
	let data: Data = content;
</script>

<svelte:head>
	<link rel="icon" href={favicon} />
</svelte:head>

<Header {...data.header} />
{@render children()}
<Footer {...data.footer} />
