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

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

<Composer {composer} />
