workadventure/front/src/Components/Video/VideoOverlay.svelte

<script lang="ts">
    import { LayoutMode } from "../../WebRtc/LayoutManager";
    import { layoutModeStore } from "../../Stores/StreamableCollectionStore";
    import PresentationLayout from "./PresentationLayout.svelte";
    import ChatLayout from "./ChatLayout.svelte";
</script>

<div class="video-overlay">
    {#if $layoutModeStore === LayoutMode.Presentation}
        <PresentationLayout />
    {:else}
        <ChatLayout />
    {/if}
</div>

<style lang="scss">
    .video-overlay {
        display: flex;
        width: 100%;
        height: 100%;
    }
</style>