import { ref } from 'vue';
import axios from 'axios';
import { defineStore } from 'pinia';

export const useNavigation = defineStore('navigation', () => {
    const modules = ['customer', 'claim', 'ticket'];
    const pinned = ref([]);

    async function fetchPinned() {
        const response = await axios.get('StarredModules/getStarredModules');
        // const filteredModules = modules.value.filter((module) => {
        //     return response.data.find((element) => element.moduleFk == salixModules[module.name]);
        // });

        return (pinned.value = response.data);
    }

    return {
        modules,
        pinned,
        fetchPinned,
    };
});