<script lang="ts">
	import './layout.css';
	import favicon from '$lib/assets/favicon.svg';

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

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

<div class="header goldman align-center flex h-15 w-full">
	<a
		class="align-text-middle mx-3 my-1 h-auto content-center rounded-sm border-2 border-solid border-red-500 px-2"
		href="/">home</a
	>
</div>

{@render children()}

<style>
	.header {
		background-color: var(--ctp-mocha-crust);
	}
</style>
