<script lang="ts">
	import favicon from '$lib/assets/favicon.svg';
	import '/node_modules/@rose-pine/palette/dist/css/rose-pine-hsl.css';
	import '/node_modules/@rose-pine/palette/dist/css/rose-pine-hsl.css';
	import 'prism-rose-pine/dist/prism-rose-pine-moon.css';
	import './style.css';

	import './style.css';

	let { children } = $props();
</script>

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

<nav>
	<a href="/">Home</a>
	<a href="/about">About</a>
</nav>

{@render children?.()}
