<script setup lang="ts">
//import HelloWorld from './components/HelloWorld.vue'
//import TheWelcome from './components/TheWelcome.vue'
import {ref, onMounted, reactive } from 'vue'
import { $mqtt } from 'vue-paho-mqtt'
import Projektor from '../Projektor.vue'
import Platno from '../Platno.vue'

const props = defineProps({
    room: String,
})
const _glavni_position = ref('glavni')
const _stranski_position = ref('stranski')
const _test = ref('test')

</script>

<template>
    <div style="display: flex; gap: 1rem">
        <div>
            <h4>Glavni</h4>
            <Projektor :room="props.room" :position="_glavni_position" :ctrl-type="_test" />
            <Platno :room="props.room" :position="_glavni_position" />
        </div>
        <div>
            <h4>Stranski</h4>
            <Projektor :room="props.room" :position="_stranski_position" />
            <Platno :room="props.room" :position="_stranski_position" />
        </div>
    </div>
</template>

<style scoped>

</style>
