# Not Supported

This is a current limitation of +layout.svelte file.

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

{@render children(foo)} // cannot provide arguments // [!code --]
{@render children()}

<script>
	let { children, header } = $props() // cannot have other snippets // [!code --]
	let { children } = $props()
</script>

{@render header()} // [!code --]
{@render children()}

# Alternatives

# Page State

<script>
	import { page } from '$app/state'
	let { children } = $props()
</script>

<svelte:head>
	<title>{page.data.title}</title>
</svelte:head>

<header>
	<h1>{page.data.title}</h1>
</header>

{@render children()}

export const load = async () => {
	return {
		title: 'home',
	}
}

export const load = async () => {
	return {
		title: 'About',
	}
}

# Context Api

https://github.com/sveltejs/kit/issues/12928#issuecomment-2450267783

# References

• https://github.com/sveltejs/kit/issues/627
• https://github.com/sveltejs/svelte/discussions/14108