<template lang="pug">
  .w-full.flex.gap-x-2
    calendar-open-sidebar(v-if="isOpen", :open-sidebar="openSidebar")
    calendar-sidebar(v-else, :open-sidebar="openSidebar")
    calendar-wrapper
</template>

<script>
import CalendarSidebar from "@/pages/newCalendar/components/CalendarSidebar";
import CalendarOpenSidebar from "@/pages/newCalendar/components/CalendarOpenSidebar";
import CalendarWrapper from "@/pages/newCalendar/components/CalendarWrapper";

export default {
  name: "TheCalendar",
  components: { CalendarSidebar, CalendarOpenSidebar, CalendarWrapper },
  data() {
    return {
      isOpen: false,
    };
  },
  methods: {
    openSidebar() {
      this.isOpen = !this.isOpen;
    },
  },
};
</script>
