<script lang="ts">
	import Composite from '$lib/core/Composite.svelte';
	// import type { PageData } from './$houdini';
	// export let data: PageData;

	// $: ({ queryTest } = data);

	let composite = {
		id: 'test',
		layout: {
			areas: `
				"top bottom"
			`,
			columns: '1fr 500px',
			rows: '1fr'
		},
		children: [
			{
				id: 'recipietest',
				component: 'Recipies',
				slot: 'top'
			},
			{
				id: 'bottommessage',
				component: 'Messages',
				slot: 'bottom',
				map: { messages: '@data:queryMessages' }
			}
		]
	};
</script>

<!-- {JSON.stringify($queryTest.data, null, 2)} -->

<Composite {composite} />
