<script>
	import Composer from '$lib/core/Composer.svelte';
	import { queryMessages } from '$lib/data/queryMessages';

	let composer = {
		id: 'messages',
		layout: {
			areas: `
				"main main"
				"footer footer";
			`,
			columns: '1fr 300px',
			rows: ' 1fr auto'
		},
		children: [
			{
				id: 'me',
				component: 'Messages',
				slot: 'main',
				data: {
					map: {
						messages: queryMessages
					}
				}
			},
			{
				id: 'terminal',
				component: 'Terminal',
				slot: 'footer'
			}
		]
	};
</script>

<Composer {composer} />
