// src/stores/sideBarStore.js
import { computed, ref } from 'vue';
import { defineStore } from 'pinia';

export const useSideBarStore = defineStore('sideBar', () => {
    const isOpen = ref(true); // par défaut, le menu est ouvert

    const toggle = () => {
        isOpen.value = !isOpen.value;
    };

    // Classe de largeur dynamique pour le contenu principal
    const sidebarWidth = computed(() => (isOpen.value ? 'ml-64' : 'ml-16'));

    return { isOpen, toggle, sidebarWidth };
});