<script>
    // import Trash from "feather-icons/dist/icons/trash.svg"
    // import Vaults from "./views/Vaults.svelte";

    import {
        pageStore
    } from "./router";

    import {
        DeviceType,
        DeviceTypes,
        ModalStore
    } from "./stores";

    $: console.log("Current DeviceType:", DeviceTypes[$DeviceType]);
</script>

<div>
    {#if $DeviceType === DeviceTypes.MOBILE}
        <svelte:component this={$pageStore.mobile} params={$pageStore.params} />
    {:else}
        <svelte:component this={$pageStore.desktop} params={$pageStore.params} />
    {/if}

    {#if $ModalStore} 
        <svelte:component this={$ModalStore.component} modal={$ModalStore}/>
    {/if}
</div>