<script>
	import Composer from '$lib/core/Composer.svelte';

	let composer = {
		id: 'ContainerWallet',
		layout: {
			areas: `
				"top"
				"main"
				"footer";
			`,
			rows: 'auto 1fr auto'
		},
		children: [
			{
				id: 'authsig',
				component: 'AuthSig',
				slot: 'top'
			},
			{
				id: 'xyz',
				component: 'ComposerWallet',
				slot: 'main',
				data: {
					map: {}
				},
				machine: {
					context: {
						pkpWallet: '',
						rpcURL: 'https://rpc.gnosischain.com/',
						pkpPubKey:
							'046da3ba67065fd1e2726242ca01cd4601524893f4aa4b0042578fa6cbec28fa8c9a28eb9f7893932fc09717edc9e1db57e157a21eed346247c1db5a722a01f571'
					}
				}
			},
			{
				id: 'terminal',
				component: 'Terminal',
				slot: 'footer'
			}
		]
	};
</script>

<Composer {composer} />
