<script lang="ts">
	import '@skeletonlabs/skeleton/themes/theme-skeleton.css';
	import '@skeletonlabs/skeleton/styles/skeleton.css';
	import '../app.css';

	import { initChainProvider } from '$lib/services/provider/setupChainProvider';
	import { onMount } from 'svelte';

	import { Drawer, drawerStore } from '@skeletonlabs/skeleton';
	import Composer from '$lib/core/Composer.svelte';

	const providerData = {
		walletConnectId: import.meta.env.VITE_WALLETCONNECT_ID
	};

	onMount(() => {
		initChainProvider(providerData);
	});
</script>

<Drawer>
	<Composer composer={$drawerStore.meta} />
</Drawer>

<div class="relative w-screen h-screen overflow-hidden">
	<slot />
</div>
