<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 Footer from '$lib/components/Footer.svelte';
	import type { LayoutProps } from '../../.svelte-kit/types/src/routes/$types';

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

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

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