<template>
    <div class="window-width window-height project-full-wrap column">
        <editor-header></editor-header>
        <div class="col full-wdith row">
            <editor-day-list v-model:value="activeTab"></editor-day-list>
            <div class="q-pa-lg row col">
                <tour-itinerary v-if="activeTab==-1"></tour-itinerary>
                <div class="col" v-if="activeTab==-1 || activeTab==-2"></div>
            </div>
        </div>
    </div>
</template>

<script lang="ts" setup>
import EditorHeader from '../components/Editor/EditorHeader.vue'
import EditorDayList from '../components/Editor/EditorDayList.vue';
import TourItinerary from '../components/Editor/TourItinerary.vue';
import { ref } from 'vue';

const activeTab = ref(-1)

const setActiveTabHandle = (playload:number)=>{
    activeTab.value = playload
}
</script>

<style>
.project-full-wrap{
    background-color: #f7f8f8;
}
</style>