import { computed, ref } from 'vue'
// import { useGlobalConfig } from '../use-global-config'

const zIndex = ref(0)

export const useZIndex = () => {
    // const initialZIndex = useGlobalConfig('zIndex', 2000) // TODO: move to @element-plus/constants
    const initialZIndex = ref(1000)
    const currentZIndex = computed(() => initialZIndex.value + zIndex.value)

    const nextZIndex = () => {
        zIndex.value++
        return currentZIndex.value
    }

    return {
        initialZIndex,
        currentZIndex,
        nextZIndex,
    }
}